№ participantinc-org

| Archive

Deep charcoal expanse, stark sans-serifs, a hushed digital gallery of potent gravity.

Split Studiominimalism editorial dark mode monochrome culture non profitdark

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.

SwatchHexOKLCHSuggested roleCopy

Hex#f09213
OKLCHoklch(74.2% 0.163 65)
RoleDominant
find sites →
Hex#f7dd7d
OKLCHoklch(89.9% 0.120 95)
RoleSurface
find sites →
Hex#90603c
OKLCHoklch(53.3% 0.081 57)
RoleInk
find sites →
Hex#ac8c51
OKLCHoklch(65.7% 0.086 82)
RoleAccent
find sites →
Hex#d8c9b6
OKLCHoklch(84.3% 0.031 74)
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	AtlasGrotesk-Regular	30px	400	1.2	1px	Aa Bb Cc
h2	AtlasGrotesk-Regular	20px	400	1.25	0.4px	Aa Bb Cc
body	AtlasGrotesk-Regular	16px	400	1.4	0	Aa Bb Cc

Spacing scale

20px

80px

225px

Radius scale

0px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #f09213;
  --color-surface: #f7dd7d;
  --color-ink: #90603c;
  --color-accent: #ac8c51;
  --color-detail: #d8c9b6;
}

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 | Archive.
Reference design system (extracted from the live site):
- Palette: #f09213, #f7dd7d, #90603c, #ac8c51, #d8c9b6
- Typefaces: AtlasGrotesk-Regular
- Macrostructure: Split Studio
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/participantinc-org

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

AtlasGrotesk-Regular

30px

400

1.2

1px

Aa Bb Cc

AtlasGrotesk-Regular

20px

400

1.25

0.4px

Aa Bb Cc

body

AtlasGrotesk-Regular

16px

400

1.4

Aa Bb Cc

Build a landing page in the visual style of | Archive. Reference design system (extracted from the live site): - Palette: #f09213, #f7dd7d, #90603c, #ac8c51, #d8c9b6 - Typefaces: AtlasGrotesk-Regular - Macrostructure: Split Studio 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/participantinc-org