Skip to content
Library

AREA 17. A typographic monolith on white marble interrupted by a single flash of electric yellow.

  • Studio
  • Light theme
  • 10 colors
  • 3 typefaces

AREA 17 operates as a monochrome editorial canvas with typographic confidence as its primary visual language. The system is deliberately austere: near-black text on pure white, hairline borders, flat surfaces, and almost no color — just one electric yellow that appears as a single bright accent against the grayscale field. Headlines do the heavy lifting through scale and tight tracking, using Suisse Intl at display sizes to create an editorial, almost magazine-like voice. Layout breathes with generous whitespace punctuated by full-bleed cinematic content blocks that break the typographic grid. The aesthetic reads as a design agency's own portfolio: restrained, opinionated, and confident enough to leave most of the page empty.

Screenshot of AREA 17
Captured from area17.com on October 11, 2026

AREA 17 design system

AREA 17

Brand1

  • Announcement bar, single chromatic accent across the system — the only color permitted to break monochrome

Neutrals9

  • Logo mark fill, select borders, deep shadow tone

  • Primary text, headlines, body copy, nav links — near-black warmth over pure black

  • Tertiary text, low-priority helper copy

  • Secondary link color, meta text, subdued captions

  • Disabled button backgrounds, inactive control fills

  • Borders, dividers, outlined control strokes, card edges

  • Warm accent card surface — the only chromatic neutral, used for editorial feature cards

  • Secondary card surfaces, disabled button fills, subtle elevation layers

  • Page canvas, input fields, inverse text on dark surfaces

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

True Black on Electric Yellow

18.01 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

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