Skip to content
Browse
Library

HNST Studio. A slow-fashion gallery where a single burnt-orange accent warms an otherwise monastic cream and charcoal interior.

  • Commerce
  • Light theme
  • 9 colors
  • 2 typefaces

HNST Studio speaks in a warm, earthy editorial language: bone-white canvases tinted with raw silk cream, a single rust accent that anchors every interactive moment, and gallery-style uppercase typography that lets the photography breathe. The site treats full-bleed fashion imagery as the primary surface — text and chrome are whisper-thin, positioned like museum placards around the visual work. Two type families divide labor cleanly: Raleway handles UI, navigation, and body copy in humanist proportions, while Poppins takes display headings with extreme letter-spacing, turning section labels like 'TRENDING' into printed gallery signage. Components are stripped to essentials — thin borders, soft sand-toned badges, charcoal ink for action, no shadows, no gradients — so the rust accent lands with editorial gravity against the otherwise neutral palette.

Visit letsbehonest.eu
Screenshot of HNST Studio
Captured from letsbehonest.eu on October 11, 2026

HNST Studio design system

HNST Studio

Brand1

  • Brand logo, active navigation state, section underlines, the only chromatic punctuation in the interface — carries identity weight wherever it appears

Accent1

  • Secondary chromatic accent for hover states, soft tags, and paired decorative elements — never standalone, always supporting Rust Hearth

Neutrals7

  • Primary text, navigation text, filled action buttons, dark hero overlays — near-black reads softer than pure black against the warm neutrals

  • Mid-gray for hairline borders, dividers, secondary metadata, inactive UI scaffolding — the dominant structural neutral

  • Lighter borders, muted helper text, disabled states, subtle list separators

  • Faintest divider lines on links, barely-there separators

  • Card backgrounds, badge fills, soft surface lifts — the warm secondary tier that differentiates containers from the page canvas

  • Warm off-white page background — replaces sterile pure white to give the site a tactile, natural-fiber feel

  • Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color

Try a pairing

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

Aa

Linen on Rust Hearth

9.02 : 1 contrast

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

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