№ ssense-com

Ssense

Cool, muted tones and clean, spacious layouts foster a sophisticated, almost clinical stillness.

Ecosystem Indexminimalism editorial fashion ecommercelight

The page uses a stark, high-contrast aesthetic with large-format photography and minimal text. The layout is a grid of distinct visual blocks, presenting curated content in a visually driven manner. · fashion editorial, online magazine, minimalist ecommerce, high contrast layout, fashion photography, sale promotion, menswear womenswear

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#905844
OKLCHoklch(51.9% 0.081 40)
RoleDominant
find sites →
Hex#166565
OKLCHoklch(46.2% 0.072 195)
RoleSurface
find sites →
Hex#c6dce9
OKLCHoklch(88.2% 0.030 234)
RoleInk
find sites →
Hex#956651
OKLCHoklch(55.4% 0.069 45)
RoleAccent
find sites →
Hex#c3c4c2
OKLCHoklch(81.9% 0.003 129)
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	JHA Times Now	100px	400	0.94	-3.75px	Aa Bb Cc
h2	Favorit SSENSE Inter1	53px	400	1.13	-2px	Aa Bb Cc
body	Favorit SSENSE Inter	11px	400	1.36	0	Aa Bb Cc
button	Favorit SSENSE Inter	11px	500	1.36	0	Aa Bb Cc

Spacing scale

10px

100px

Radius scale

0px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #905844;
  --color-surface: #166565;
  --color-ink: #c6dce9;
  --color-accent: #956651;
  --color-detail: #c3c4c2;
}

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 Ssense.
Reference design system (extracted from the live site):
- Palette: #905844, #166565, #c6dce9, #956651, #c3c4c2
- Typefaces: JHA Times Now, Favorit SSENSE Inter1, Favorit SSENSE Inter
- Macrostructure: Ecosystem Index
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/ssense-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

JHA Times Now

100px

400

0.94

-3.75px

Aa Bb Cc

Favorit SSENSE Inter1

53px

400

1.13

-2px

Aa Bb Cc

body

Favorit SSENSE Inter

11px

400

1.36

Aa Bb Cc

button

Favorit SSENSE Inter

11px

500

1.36

Aa Bb Cc

Build a landing page in the visual style of Ssense. Reference design system (extracted from the live site): - Palette: #905844, #166565, #c6dce9, #956651, #c3c4c2 - Typefaces: JHA Times Now, Favorit SSENSE Inter1, Favorit SSENSE Inter - Macrostructure: Ecosystem Index 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/ssense-com