amra. The lavender accent is the only chromatic pulse against an almost perfectly achromatic page, and a single gradient orb does the work that a hero illustration usually does.
- Media
- Light theme
- 6 colors
- 4 typefaces
Amra is a near-monochrome white canvas with a single soft lavender accent (#acafff) and an iridescent gradient sphere as its signature visual anchor. The interface stays almost completely achromatic — text, dividers, and borders all share a family of near-blacks and grays — so the lavender feels like a small electric pulse rather than a brand color. Photography is never raw: subjects are silhouetted and dropped onto the same teal-to-violet gradient as the hero sphere, making imagery feel like part of the same substance as the product. Typography is custom, geometric, and weight-400 throughout — no bold ever appears, and authority comes from size and tight tracking rather than weight. Components are large-radius and floating: a pill-shaped nav drifts over content, image cards have 44px corners, and the page breathes with 100–160px vertical gaps between sections.

amra design system
Brand1
The sole chromatic accent — fills the SIGN IN button and the floating nav container. Soft violet at moderate saturation; it reads as illuminated rather than branded, so the entire UI feels switched-on when it appears
Neutrals5
Primary text, all heading and body color, dominant border color, nav text and structural dividers. The near-black (not pure black) keeps the monochrome system from feeling harsh against white
Nav link text at rest, medium-weight borders, tertiary text
Secondary text, subheadings, muted body copy, lighter hairline borders. The middle step in the achromatic scale
Lightest border tone for link underlines, subtle dividers between content blocks
Page canvas, card surfaces, icon fills on dark backgrounds, nav pill surface when over light sections
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Periwinkle Glow
9.06 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











