№ highsnobiety-com--p-gucci-fw25

Part of Highsnobiety - 8 pages captured →

Highsnobiety

Cool, stark editorial; crisp sans-serif geometry on a muted, sophisticated grayscale.

Portfolio Grideditorial minimalism media fashionlight

The page prioritizes visual impact with a large, atmospheric image and a clean, typographic layout. The overall feel is sophisticated and curated, emphasizing high-quality visuals and concise text. · fashion media, style blog, luxury culture, editorial website, high fashion, sneakers culture, streetwear news, design website

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Palette

Click any value to copy. Roles are suggestions, not gospel.

Reads as: monochrome · muted

SwatchHexOKLCHSuggested roleCopy

Hex#b8403a
OKLCHoklch(54.0% 0.156 27)
RoleDominant
find sites →
Hex#5d3b1f
OKLCHoklch(38.6% 0.064 59)
RoleSurface
find sites →
Hex#df9d9a
OKLCHoklch(75.9% 0.080 22)
RoleInk
find sites →
Hex#96715c
OKLCHoklch(58.0% 0.056 51)
RoleAccent
find sites →
Hex#c5bdb4
OKLCHoklch(80.2% 0.015 71)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	HS Sans	96px	700	0.95	-1.92px	Aa Bb Cc
h2	HS Sans	80px	700	0.95	-1.92px	Aa Bb Cc
h3	HS Sans	16px	900	1.2	0	Aa Bb Cc
body	HS Sans	17px	400	1.6	0	Aa Bb Cc
button	HS Sans	14px	400	1.4	0	Aa Bb Cc

Spacing scale

4px

12px

16px

32px

40px

48px

56px

72px

96px

Radius scale

0px

4px

50px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #b8403a;
  --color-surface: #5d3b1f;
  --color-ink: #df9d9a;
  --color-accent: #96715c;
  --color-detail: #c5bdb4;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Highsnobiety.
Reference design system (extracted from the live site):
- Palette: #b8403a, #5d3b1f, #df9d9a, #96715c, #c5bdb4
- Typefaces: HS Sans
- Macrostructure: Portfolio Grid
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/highsnobiety-com--p-gucci-fw25

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

HS Sans

96px

700

0.95

-1.92px

Aa Bb Cc

HS Sans

80px

700

0.95

-1.92px

Aa Bb Cc

HS Sans

16px

900

1.2

Aa Bb Cc

body

HS Sans

17px

400

1.6

Aa Bb Cc

button

HS Sans

14px

400

1.4

Aa Bb Cc

Build a landing page in the visual style of Highsnobiety. Reference design system (extracted from the live site): - Palette: #b8403a, #5d3b1f, #df9d9a, #96715c, #c5bdb4 - Typefaces: HS Sans - Macrostructure: Portfolio Grid Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/highsnobiety-com--p-gucci-fw25