Skip to content
Library

BLOND. Product plinth, citron signature.

  • Studio
  • Light theme
  • 4 colors
  • 1 typeface

BLOND is an industrial-design portfolio with almost no typographic hierarchy between projects: small Monument Grotesk labels let large product photographs do the work. Gallery White #f9f9f9 and Studio Ink #1d1717 form the quiet base, with 10px media corners and narrow gutters connecting full-width and paired project tiles. Navigation stays small and transparent, while a compact Selected and All switch sits centrally. The page changes register at its Citron Field #e9fe79 footer, where 30px contact details and an oversized vector wordmark replace the gallery. After choosing Work, the site is precise and media-led rather than an oversized headline landing page.

Screenshot of BLOND
Captured from blond.cc on November 3, 2026

BLOND design system

BLOND

Brand1

  • Full-screen studio footer and introductory brand treatment; the accent is concentrated rather than spread across project cards.

Neutrals3

  • Project labels, active navigation, studio copy, contact details and the large vector footer wordmark.

  • Continuous gallery canvas and small light labels floating over the product imagery.

  • Inactive navigation and secondary project metadata; the source uses Studio Ink at 50 percent opacity.

Try a pairing

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

Aa

Studio Ink on Citron Field

15.93 : 1 contrast

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

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