CURATED · OPEN · FREE

Vitsœ

A heritage furniture brand website built on Dieter Rams' principles of modular design and functional minimalism.

furnituredesign

↓ Download design system (17 MB)Open in OpenDesign

Visit: https://www.vitsoe.com

📦 Browse pack contents →

Identity DNA

Dieter RamsModular furnitureMinimalismLongevityFunctional

A curated, gallery-like product catalog with timeless restraint.

Color

#0073B1Accent

#000000Ink

#FFFFFFBG

#F0F0F0BG quiet

#696969Muted

rgba(194, 194, 194, 1)Line

Monochromatic with a single functional blue accent for interactivity.

Typography

grotesque-sans

display40px · 700
heading32px · 700
body16px · 400

Use Linotype Univers W01 for all text layers. · Maintain a strict typographic hierarchy with heavy weights for display and light for body. · Keep letter spacing tight for large display sizes.

Spacing

8px

16px

24px

32px

48px

64px

96px

128px

Generous vertical rhythm driven by 32px and 64px increments for clear section separation.

Surfaces

sm · 2px

md · 3px

lg · 0px

pill · 999px

Thin, high-contrast borders (1px) or subtle gray dividers (1px solid #C2C2C2).

Layout

1280container

12columns

32pxgutter

768 / 1024breakpoints

Grid-based layout with 12 columns, featuring alternating full-width and split-column sections.

Motion & Interaction

200msmicro

300mssmall

600msmedium

cubic-bezier(0.19, 1.12, 0.26, 0.97)easing

Smooth fade-in for content reveals. · Simple linear transitions for interactive states.

Subtle opacity change on interactive text elements. · Direct navigation via text links and buttons.

Components

button Text-based links with arrows for primary actions; solid black button with white text for cookie acceptance.
card Image-forward product cards with minimal padding and clear typographic labels.
input Search icon integrated into the header navigation.
hero Large-format imagery paired with bold product titles and concise functional descriptions.

Voice & Don'ts

Tone Authoritative, understated, and highly functional.
Headlines Direct, declarative product names (e.g., '606 Universal Shelving System').
CTAs Subtle text links accompanied by directional arrows.

Don't use decorative illustrations — screenshot shows photography and a single functional red lips icon.
Don't use soft drop shadows — screenshot shows flat, borderless images or thin solid dividers.
Don't use bright, multi-colored gradients — screenshot shows a monochrome palette with one blue accent.
Don't use heavy, ornate serif fonts — screenshot shows a clean, geometric sans-serif throughout.
Don't use cluttered navigation — screenshot shows a minimal, text-based top menu.
Don't use rounded pill buttons — screenshot shows rectangular buttons and simple text links.
Avoid: Emotional or flowery language.
Avoid: Excessive use of exclamation marks.
Avoid: Aggressive sales copy.
Avoid: Complex jargon or buzzwords.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Design DNA for Vitsœ, a heritage furniture brand rooted in Dieter Rams' minimalist philosophy. The system uses a monochromatic palette (#000000, #FFFFFF, #F0F0F0) with a single functional blue accent (#0073B1). Typography is exclusively a clean grotesque sans-serif (Linotype Univers W01) with heavy weights for display and light for body. Critical donts: 1) Never use decorative illustrations, as the site relies on honest photography. 2) Avoid complex shadows or rounded borders, as the system is defined by flat, rectilinear surfaces. 3) Do not use multiple accent colors; maintain strict restraint with only one high-chroma blue for interactive elements. Positioning is premium and functional, focusing on modular longevity over trendy aesthetics.

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