Skip to content
Browse
Library

IDHEAL. Architectural editorial masthead on white marble.

  • Studio
  • Light theme
  • 7 colors
  • 6 typefaces

IDHEAL is an editorial architecture portfolio language: a stark white canvas where massive black sans-serif display type dominates the top of the page like a masthead, paired with full-bleed architectural photography. The visual system is deliberately sparse — surfaces are flat, dividers are hairline, and shadow is used minimally and only as a soft gray halo. Chromatic color appears almost exclusively as thin outline strokes (terracotta, magenta, olive), never as filled buttons or large blocks, creating the effect of colored pencil marks on a white page. The pairing of Helvetica Neue for display and New Century Schoolbook for body gives the site a magazine-spread tension — industrial sans for headlines, literary serif for reading — anchored by compact spacing that keeps everything gallery-tight.

Visit idheal.fr
Screenshot of IDHEAL
Captured from idheal.fr on October 11, 2026

IDHEAL design system

IDHEAL

Brand1

  • Decorative outline accent on headings, body links, and section borders — the warm architectural counterweight to the cool palette

Accent2

  • High-frequency outline accent on borders and links — vivid magenta used as fine 1–2px strokes, never as a fill or background

  • Muted green text and border accent — evokes plant material and landscape, used sparingly on body copy and decorative dividers

Neutrals4

  • Primary text, display headlines, nav borders, icon strokes — near-universal ink color, the dominant chromatic presence

  • Soft drop-shadow tint and secondary borders — only used in shadow stacks, never as a fill

  • Borders, dividers, subtle button outlines, muted surface backgrounds — the structural neutral that defines card edges without adding weight

  • Page canvas, card surfaces, button fills on dark — the entire layout sits on flat white without competing surface tones

Try a pairing

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

Aa

Pure White on Terracotta

4.70 : 1 contrast

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

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