Skip to content
Library

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.

Screenshot of ALIGNE
Captured from aligne.co on October 11, 2026

ALIGNE design system

ALIGNE

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

Background
Text
  • Body textFails AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.