ALIGNE. Editorial spec sheet on warm charcoal.
- Commerce
- Light theme
- 5 colors
- 3 typefaces
ALIGNE operates in near-total monochrome — warm charcoal (#24170f) on warm white, with a single blue accent for badge punctuation. The visual language sits at the intersection of fashion editorial and architectural spec sheet: monospace body type, extended sans-serif headlines with dramatically wide tracking, almost zero border-radius, and photography that does the heavy lifting while UI chrome dissolves into thin lines and small uppercase labels. Layouts are grid-rigid and generous, with product cards sitting on bare white — the garments, not the interface, are the interface. The single chromatic event in the system is a vivid blue (#0073ff) reserved exclusively for 'NEW IN' badge outlines, functioning as functional punctuation rather than decoration.

ALIGNE design system
Accent1
Blue accent for outlined action borders, linked labels, and lightweight interactive emphasis.
Neutrals4
Body text, headings on light backgrounds, general borders, link text — the workhorse dark neutral
Primary action background (filled CTA buttons), high-prominence borders, dark surface bands, nav and footer text on light backgrounds
Secondary surface for alternating sections, subtle background bands
Page canvas, card surfaces, text on dark hero/footer bands, outlined action borders (ghost buttons on dark imagery)
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
#111111 on Signal Blue
4.40 : 1 contrast
- Body textFails AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











