Amie. A workspace where everything is white, flat, and purposeful, with one electric-blue switch that turns things on.
- Productivity
- Light theme
- 14 colors
- 2 typefaces
Amie feels like a well-lit productivity workspace — bright white surfaces, almost clinical in their restraint, punctuated by a single electric sky-blue (#11a8ff) that fires only when action is required. The page is overwhelmingly neutral — 98% achromatic — making every chromatic moment (the amber highlight on 'without a bot', the green calendar icon, the violet tag) feel intentional rather than decorative. Inter at tight negative letter-spacing (-0.025em at display sizes) condenses headlines into confident blocks without weight extremes — weight 700 at 56px reads assertive but not aggressive. Cards use hairline 1px borders via layered near-invisible shadows rather than visible strokes, giving product UI previews the appearance of floating slightly off the page. The ghost 'Request a demo' button beside the filled CTA creates a paired choice architecture that recurs throughout the page.
Amie design system
Brand2
CTA buttons ('Get started', 'Start free trial'), active nav highlight, brand accent — the sole chromatic action color on an otherwise monochrome page
Highlight backgrounds behind key phrases ('in just 7 days'), decorative gradient start — sky tint without saturation
Accent4
Brand token from CSS custom properties; decorative accent for soft highlights
Observed in icon fill, icon color, other fill.
'Shareable Pages' feature label, tag borders for feature category chips
Text highlight background behind 'without a bot' in hero headline — single warm note in a cool palette
Neutrals8
Primary headings, body text, icon fills
Dark bordered UI elements, elevated stroke contexts
Secondary body text, nav labels, subtext
Placeholder text, icon strokes, de-emphasized UI labels
All UI borders — inputs, cards, dividers, icon rings — at 1px solid
Tag backgrounds ('Within 47 seconds:' highlight pill), section background bands
Alternate card background, subtle section differentiator
Page background, card surfaces, button fills for secondary actions
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Primary on Sky Action
8.07 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
