CURATED · OPEN · FREE

Unveil Fr

A hyper-minimal editorial site focused on typography and negative space.

EditorialCleanTypographyMinimalReference

↓ Download design system (0 MB)Open in OpenDesign

Visit: https://unveil.fr

📦 Browse pack contents →

Identity DNA

refinedminimaleditorialtypographicprecise

A Swiss typography specimen or high-end gallery catalog.

Color

#000000Ink

#FAFAFABG

#FFFFFFBG soft

rgba(0,0,0,1)Line

Monochromatic contrast with massive whitespace to emphasize typography.

Typography

geometric-sans

body-sm10px · 400
body-md16px · 400

All text is uppercase · Letter spacing is tight but present · Use consistent font weight (400) across the hierarchy

Spacing

4px

8px

12px

16px

24px

28px

40px

Generous padding and gaps create a loose, airy layout.

Surfaces

sm · 6px

md · 6px

lg · 6px

pill · 33554400px

1px solid black

Layout

12columns

24pxgutter

768 / 1024breakpoints

Full-screen centered text or left-aligned blocks with vast empty space.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.215, 0.61, 0.355, 1)easing

Fade-in transitions

Cursor changes to pointer on interactive elements. · Standard pointer interaction.

Components

button Minimal uppercase text or bordered boxes with rounded corners.
card Bordered containers with generous padding.
chip None visible.
input None visible.
hero Centered or left-aligned large percentage numbers.

Voice & Don'ts

Tone Objective, precise, and detached.
Headlines Uppercase, numerical, or short text fragments.
CTAs Subtle, minimal text or bordered buttons.

Don't use multiple colors — screenshot shows strictly black and white/gray palette.
Don't use serif fonts — screenshot shows exclusively sans-serif typography.
Don't use lowercase text — screenshot shows all text is uppercase.
Don't use heavy drop shadows — screenshot shows flat, borderless or thin-bordered surfaces.
Don't fill the screen with content — screenshot shows vast empty whitespace.
Don't use decorative icons — screenshot shows pure typography and simple geometric shapes.
Avoid: Excessive decoration
Avoid: Loud colors
Avoid: Casual language

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

A hyper-minimal, editorial website design that relies on extreme negative space and precise typography. The palette is strictly monochromatic, featuring a white background (#FAFAFA) and solid black text (#000000). The typography is a clean geometric sans-serif, used exclusively in uppercase with tight letter-spacing to create a refined, specimen-like feel. The layout is sparse, often centering small percentage numbers or left-aligning minimal text blocks. Critical design rules: Never use multiple colors or accents; never use serif fonts; never use lowercase text; never clutter the interface with unnecessary elements; always prioritize whitespace; maintain a strict monochromatic hierarchy. The overall feel is calm, sophisticated, and highly disciplined, akin to a high-end gallery catalog or Swiss design specimen.

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