№ des-obys-agency

DES® | Design Education Series® by Obys®

Quiet, structured geometry—muted earth tones and precise sans-serif clarity.

Specimenminimalism editorial swiss education agencylight

DES® | Design Education Series® by Obys® - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

DES® | Design Education Series® by Obys® - full page scroll

DES® | Design Education Series® by Obys® - mobile full page

Palette

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

SwatchHexOKLCHSuggested roleCopy

Hex#ac7f52
OKLCHoklch(63.1% 0.083 65)
RoleDominant
find sites →
Hex#d4bca5
OKLCHoklch(81.0% 0.042 66)
RoleSurface
find sites →
Hex#5c442c
OKLCHoklch(40.7% 0.049 66)
RoleInk
find sites →
Hex#7f807f
OKLCHoklch(59.9% 0.002 146)
RoleAccent
find sites →
Hex#bab6ab
OKLCHoklch(77.6% 0.016 90)
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
h2	ABC Monument	26px	400	1.1	-0.26px	Aa Bb Cc
body	ABC Monument	14px	400	1.25	0	Aa Bb Cc
button	ABC Monument	14px	400	1.2	0	Aa Bb Cc

Spacing scale

15px

20px

100px

150px

Radius scale

7px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #ac7f52;
  --color-surface: #d4bca5;
  --color-ink: #5c442c;
  --color-accent: #7f807f;
  --color-detail: #bab6ab;
}

/* CSS variables exposed by source */
:root {
  --cursor-x: -0.2;
  --header: 5rem;
  --theme-color: #17191a;
  --theme-bg: #f2f2f2;
  --cursor-y: -0.2;
}

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 DES® | Design Education Series® by Obys®.
Reference design system (extracted from the live site):
- Palette: #ac7f52, #d4bca5, #5c442c, #7f807f, #bab6ab
- Typefaces: ABC Monument
- Macrostructure: Specimen
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/des-obys-agency

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

ABC Monument

26px

400

1.1

-0.26px

Aa Bb Cc

body

ABC Monument

14px

400

1.25

Aa Bb Cc

button

ABC Monument

14px

400

1.2

Aa Bb Cc

:root { --color-dominant: #ac7f52; --color-surface: #d4bca5; --color-ink: #5c442c; --color-accent: #7f807f; --color-detail: #bab6ab; } /* CSS variables exposed by source */ :root { --cursor-x: -0.2; --header: 5rem; --theme-color: #17191a; --theme-bg: #f2f2f2; --cursor-y: -0.2; }

Build a landing page in the visual style of DES® | Design Education Series® by Obys®. Reference design system (extracted from the live site): - Palette: #ac7f52, #d4bca5, #5c442c, #7f807f, #bab6ab - Typefaces: ABC Monument - Macrostructure: Specimen 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/des-obys-agency