№ maxsiedentopf-com

Maxsiedentopf

Cool, precise geometry—muted earth tones and crisp, technical sans-serifs.

Portfolio Gridminimalism editorial swiss portfoliolight

The layout prioritizes a clean presentation of diverse projects, using ample white space and a restrained color palette. Typography is clean and functional, emphasizing clarity over ornamentation. The overall feel is sophisticated and understated. · creative portfolio, minimalist design, swiss style portfolio, editorial portfolio, grid layout, clean design, portfolio website, max siedentopf, design portfolio

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 · high-contrast

SwatchHexOKLCHSuggested roleCopy

Hex#944132
OKLCHoklch(48.2% 0.116 32)
RoleDominant
find sites →
Hex#1e5172
OKLCHoklch(41.7% 0.077 241)
RoleSurface
find sites →
Hex#80b5c7
OKLCHoklch(74.2% 0.061 221)
RoleInk
find sites →
Hex#a58b7b
OKLCHoklch(65.6% 0.039 53)
RoleAccent
find sites →
Hex#c6beb1
OKLCHoklch(80.4% 0.020 80)
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
body	Times	16px	400	1.4	0	Aa Bb Cc

Radius scale

0px

Export

:root {
  --color-dominant: #944132;
  --color-surface: #1e5172;
  --color-ink: #80b5c7;
  --color-accent: #a58b7b;
  --color-detail: #c6beb1;
}

/* CSS variables exposed by source */
:root {
  --swiper-navigation-size: 44px;
}

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 Maxsiedentopf.
Reference design system (extracted from the live site):
- Palette: #944132, #1e5172, #80b5c7, #a58b7b, #c6beb1
- Typefaces: Times
- 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/maxsiedentopf-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

body

Times

16px

400

1.4

Aa Bb Cc

:root { --color-dominant: #944132; --color-surface: #1e5172; --color-ink: #80b5c7; --color-accent: #a58b7b; --color-detail: #c6beb1; } /* CSS variables exposed by source */ :root { --swiper-navigation-size: 44px; }

Build a landing page in the visual style of Maxsiedentopf. Reference design system (extracted from the live site): - Palette: #944132, #1e5172, #80b5c7, #a58b7b, #c6beb1 - Typefaces: Times - 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/maxsiedentopf-com