Skip to content
Socra UI
Interface Guidelines
Principles
Design Tokens · theme
Typography
Colors
Effects
Web Components
Actions
Application Layout
App Shells
Product Panes
Layout Family
Container
Spacing
Scrollbar
Stack
Image List
Dialogs
Data Display
Icons
Text
Charts
Graphs
Feedback
Fields
Headers
Inbox
Landing
Lists
Menus
Navigation
Trees
Overlays
Sidebars
Surfaces
Tables
Spacing
theme.spacing(4) = 32px
Properties
Axis
Horizontal
Step
spacing(4)