Assets library
User interface
Our visual elements are built around clean, minimal design — rounded corners, soft shadows, and plenty of white space.
UI elements design
Elevated surfaces
UI cards use soft shadows and rounded corners (12px radius) to create an elevated, approachable feel. They sit on white/light gray backgrounds. They are displayed against white or light gray backgrounds, with the choice of background determined by the UI to ensure good contrast. A thin 1px solid stroke (#FAFAFA) can be used to improve contrast depending on what is behind the card.
ShadowRoundedClean
Layering System
Use multiple card layers to create visual hierarchy. The base layer is light gray, with white cards elevated above.
BaseElevatedModal
Welcome!
Sign In App visitor card example
JD
Jane Doe
Visiting: Marketing Team
Check-in
10:30 AM
Status
ActiveButton Styles
Spacing & Radius
Border Radius
Use consistent rounded corners
4px
6px
8px
12px
16px
Shadows
Subtle elevation for depth
sm
md
lg
xl







