Assets library 30% done

Photography

Photography should reflect the brand duality: security and warmth coexisting. Show real workplace environments where technology enables human connection. Images should be bright, well-lit, professional, and people-centric.

Product

Product UI

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

Active

Button Styles

Spacing & Radius

Border Radius
Use consistent rounded corners
4px
6px
8px
12px
16px
Shadows
Subtle elevation for depth
sm
md
lg
xl