A visual catalog of design tokens extracted from Cal.com's monochromatic, grayscale design system.
A grayscale brand on dark surfaces.
Cal Sans for display, Inter for body.
Inverted for dark surfaces.
Dark surface cards with shadow elevation.
Dark surface with ring + contact + diffused shadow compositing. Hover to lift.
ring + contact + soft shadows
Lighter dark surface with ring shadow border for secondary content.
ring shadow only
Deepest background with inset shadow for recessed content wells.
inset shadow
Dark surface inputs with ring shadows and blue focus.
8px base with section-level jump to 80px–96px.
2px to pill 9999px.
Shadow compositing on dark surfaces.
No shadow. Default canvas.
Recessed/pressed appearance.
Ring + contact + diffused. Workhorse.
Ambient shadow only.
White surface with inset bevel.