CURATED · OPEN · FREE

Maximilianberndt

A stark, highly typographic portfolio for a creative developer, using a strict grid and monochromatic palette.

PortfolioCleanTypographyDeveloperRefined

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://maximilianberndt.com

📦 Browse pack contents →

Identity DNA

minimalistdeveloperportfoliotypographicprecision

A clean Swiss-style typographic specimen sheet for a digital craftsman.

Color

#16161DInk

#FDFDFDBG

#737377Muted

rgba(22, 22, 29, 1)Line

Strictly monochromatic, using near-black and medium gray on an off-white background for maximum legibility.

Typography

grotesque-sans · monospace

display12px · 400

Spacing

4px

8px

12px

16px

24px

32px

48px

64px

96px

The layout relies on a strict grid system with generous vertical spacing between sections and consistent padding.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

No visible borders; spacing and color contrast define the boundaries.

Layout

1440container

12columns

36pxgutter

768 / 1024breakpoints

A strict two-column asymmetric grid on desktop, collapsing to a single column on mobile.

Motion & Interaction

150msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Smooth text fades and list transitions on scroll or hover.

Subtle opacity changes or color shifts. · Direct navigation without complex animations.

Components

button Text-only links with no visible chrome.
card No visual cards; content is organized in list structures.
chip None.
input None.
hero A purely typographic hero with a large amount of whitespace.

Voice & Don'ts

Tone Professional, understated, and highly competent.
Headlines Minimal, using small, precise typography.
CTAs Plain text links, often hidden in the top right or within lists.

Don't use bright accent colors — screenshot shows a strictly monochromatic palette.
Don't use large, decorative fonts — screenshot shows a uniform 12px grotesque-sans.
Don't add shadows or borders — screenshot shows a flat layout defined by whitespace.
Don't use complex imagery in the main layout — screenshot shows text-only content.
Don't use rounded corners — screenshot shows sharp, unstyled elements.
Don't center-align text — screenshot shows a strict left-aligned layout.
Avoid: Overly decorative elements
Avoid: Vibrant colors
Avoid: Complex iconography

Inside the pack — real screenshots

Maximilianberndt — 桌面首屏（hero） — 桌面首屏（hero）

Maximilianberndt — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a minimalist portfolio site for a creative developer, emphasizing extreme restraint and typographic precision. It uses a strict monochromatic palette: near-black text (#16161D) on an off-white background (#FDFDFD) with medium gray (#737377) for secondary information. The typography is uniform, utilizing a single grotesque-sans category at 12px. Critical donts include: never use decorative elements or bright accents, avoid large display typography, and maintain a strict left-aligned layout without borders or shadows. The layout relies on a rigid grid and generous whitespace to create a professional, Swiss-style aesthetic.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko