CURATED · OPEN · FREE

Nordebrink

A refined, minimalist typographic portfolio with a focus on pure content and elegant hierarchy.

PortfolioTypographyCleanStudioEditorial

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://nordebrink.com

📦 Browse pack contents →

Identity DNA

restrainedtypographicrefinedprofessionalminimal

A curated monograph or high-end design portfolio.

Color

#000000Ink

#FFFFFFBG

#949494Muted

rgba(0,0,0,1)Line

Stark, high-contrast monochrome palette relying entirely on typography and spacing for hierarchy.

Typography

humanist-sans

body20px · 400
small16px · 400

Tight negative letter-spacing for a refined, compact typographic texture. · Subtle use of opacity and color for secondary text rather than size variations.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing with strict 16px padding for list items and a 30px horizontal gap between columns.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Subtle 1px solid borders (using rgb(0,0,0)) for list separation, avoiding heavy visual blocks.

Layout

3columns

30pxgutter

768breakpoints

Two-column asymmetric layout on desktop (narrow left column for labels, wide right column for content), collapsing to a single column on mobile.

Motion & Interaction

220msmicro

400mssmall

600msmedium

cubic-bezier(0.16, 1, 0.3, 1)easing

Smooth transitions for color and opacity changes on hover states.

Color transitions (likely to a muted gray) for interactive text elements. · Immediate navigation.

Components

button Text-only links with arrow indicators, relying on hover states for interaction.
card None; content is presented as a flat, structured typographic list.
chip None.
input None.
hero A dense typographic introduction block with a downward-pointing arrow for scrolling.

Voice & Don'ts

Tone Professional, confident, and highly restrained.
Headlines Minimalist, relying on bold typographic hierarchy rather than visual decoration.
CTAs Subtle text-based prompts or simple arrows.

don't use decorative icons — screenshot shows minimal, functional arrows instead
don't use multiple font families — screenshot shows a single humanist-sans family throughout
don't use heavy background fills or cards — screenshot shows pure white background with flat text
don't use primary colors for accents — screenshot shows a strict monochrome palette
don't use wide letter-spacing — screenshot shows tight, negative letter-spacing for compact text
don't use large font-weight variations — screenshot shows a uniform weight of 400 for all text
Avoid: Excessive use of bold weights or uppercase for emphasis.
Avoid: Decorative elements, icons, or illustrations.
Avoid: Complex multi-color palettes or gradients.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a refined, minimalist design portfolio for a professional designer, relying entirely on typography and generous whitespace to establish hierarchy. The palette is strictly monochrome, featuring a pure white background with deep black text (#000000) and a specific muted gray (#949494) for secondary information. The typography uses a single humanist-sans category font, characterized by tight negative letter-spacing (-0.414px) and a uniform font weight of 400, creating a dense yet elegant reading texture. Critical constraints include avoiding all decorative elements, illustrations, or background fills; avoiding multiple font families or heavy weight variations; and avoiding primary accent colors or complex gradients. The layout is an asymmetric grid on desktop that gracefully collapses to a single column on mobile, ensuring a clean, editorial presentation.

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