Alden. A page so quiet the single blue word and sage button feel like the only sound in the room.
- AI
- Light theme
- 8 colors
- 3 typefaces
Alden operates on an editorial healthcare register: a near-white canvas warmed by a single cream parchment surface, deep near-black typography, and exactly two chromatic accents — a whisper-soft sky blue used like a highlighter on chosen words, and a muted sage green reserved for the primary action. The system is 98% achromatic and feels intentionally clinical-but-warm, closer to a premium health magazine than a SaaS dashboard. Type mixes a geometric sans for UI with a contemporary serif for the biggest headlines, tightened by consistently negative tracking so the type sits dense and confident rather than airy. Surfaces are flat with very soft card edges (16px), buttons are fully pill-shaped, and the only decorative motion is the subtle blue wash at section edges. An AI agent should treat color as punctuation, not decoration — silence is the default state.
Alden design system
Brand1
Primary CTA fill and decorative wash — the only saturated fill in the interface, used sparingly so the button always feels intentional
Accent1
In-line accent on chosen words within headings, and soft card iconography — a dusty pastel blue that reads as annotation, never as brand chrome
Neutrals6
Primary headings, body text, and the heaviest borders — a near-black with the faintest plum undertone, softer than pure #000 for large blocks of text
Secondary text, icon strokes, and lighter borders — the mid-neutral that separates captions from body without going to gray
Mid-weight dividers and de-emphasized body borders
Hairline dividers, badge fills, and the softest UI separators
Alternate surface and product-mockup backdrop — the warm cream gives the white canvas a second, softer layer without introducing contrast noise
Page canvas and card surfaces — the dominant background across the entire system
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Sage Action
10.42 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
