CURATED · OPEN · FREE

Savoirfaire Nyc

A stark, black-and-white editorial site dominated by ultra-large serif typography and generous negative space.

EditorialBold TypographyPremiumMonochromeClean

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://savoirfaire.nyc

📦 Browse pack contents →

Identity DNA

minimalisteditorialsophisticatedhigh-contrasttypographic

A high-end fashion magazine or art gallery website.

Color

#FFFFFFInk

#000000BG

#808080Muted

rgba(128,128,128,1.0)Line

Strict monochromatic contrast for maximum editorial impact.

Typography

didone-serif · humanist-sans

display360px · 100
body19px · 400
caption9px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing emphasizes the large typography.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

No visible borders; relies on high contrast.

Layout

1920container

12columns

24pxgutter

768 / 1024breakpoints

Full-screen black background with massive typography anchored at the bottom and a top ticker.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Horizontal text ticker at the top

Pointer cursor on interactive elements. · Standard click interaction.

Components

button Minimalist circular button with a cross icon.
card None visible.
chip None visible.
input None visible.
hero Massive typographic hero featuring the brand name in an ultra-thin didone-serif font.

Voice & Don'ts

Tone Confident, minimalist, and premium.
Headlines All-caps, ultra-large, thin serif typography.
CTAs Minimalist circular icon button.

Don't use multiple colors — screenshot shows a strict monochromatic black and white palette.
Don't use heavy font weights for display text — screenshot shows an ultra-thin (weight 100) serif font.
Don't clutter the layout with many elements — screenshot shows extreme minimalism with massive negative space.
Don't use rounded corners on primary elements — screenshot shows sharp typography and a circular icon button.
Don't use drop shadows or gradients — screenshot shows flat, high-contrast elements.
Don't use decorative or playful fonts — screenshot shows a refined didone-serif and a clean humanist-sans.
Avoid: Using multiple colors
Avoid: Adding drop shadows to text
Avoid: Using decorative or playful fonts
Avoid: Cluttering the layout with too many elements
Avoid: Using heavy background textures
Avoid: Overusing borders or lines

Inside the pack — real screenshots

Savoirfaire Nyc — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

This is a minimalist, high-contrast editorial website. The design DNA is rooted in extreme simplicity, featuring a solid black background (#000000) and crisp white text (#FFFFFF). The typography is the primary focus, utilizing a massive, ultra-thin didone-serif for display text and a clean humanist-sans for UI elements. A subtle gray (#808080) is used for secondary text. The layout is characterized by massive negative space and a full-bleed hero. Critical donts: avoid using multiple colors, avoid heavy font weights for display text, and avoid cluttering the layout. The overall feel is premium, confident, and highly refined, similar to a high-end art or fashion publication.

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