Skip to content
Socra UI
Interface Guidelines
Principles
Design Tokens · theme
Typography
Colors
Effects
Web Components
Actions
Application Layout
Dialogs
Data Display
Icons
Text
Charts
Graphs
Feedback
Fields
Headers
Inbox
Landing
Lists
Menus
Navigation
Trees
Overlays
Sidebars
Surfaces
Disclosure Family
Details Panels
Primitives
Accordion
Card
Paper
Tables
Card
Canonical card
One surface for grouped content and actions.
Properties
Variant
Elevation
Scale on hover
Off
Without motion
Off