CURATED · OPEN · FREE

Favorit Studio

A high-contrast, minimalist design studio portfolio defined by massive typography and extreme negative space.

StudioBold TypographyCleanMonochromeMinimal

Favorit Studio screenshot

↓ Download design system (2 MB)Open in OpenDesign

Visit: https://favorit.studio

📦 Browse pack contents →

01

Identity DNA

MinimalistArchitecturalHigh ContrastPreciseBold

A stark, high-contrast architectural studio manifesto

02

Color

#000000Ink

#FFFFFFBG

rgba(0,0,0,1.0)Line

Strict, uncompromising monochrome with maximum contrast between pure black and pure white

03

Typography

grotesque-sans

display189px · 400
headline158px · 400
subhead135px · 400
body23px · 400

Use TWKLausanne (grotesque-sans) exclusively for all text · Maintain tight negative letter-spacing (-0.1em) for headlines · Keep font-weight strictly at 400 (Regular)

04

Spacing

4px

8px

16px

21px

46px

69px

96px

Asymmetric with generous negative space

05

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

Minimal 1px black borders on specific elements, otherwise no borders

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Strict split-screen or full-bleed sections with extreme asymmetry

07

Motion & Interaction

100msmicro

300mssmall

600msmedium

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

Smooth reveal transitions · Transform-based sliding

Subtle transform or opacity changes · Immediate response

08

Components

button Minimal text-based buttons with thin borders
card Borderless or single-line-bordered flat containers
chip N/A
input N/A
hero Massive split-screen layout with oversized typography dominating the viewport

09

Voice & Don'ts

Tone Direct, confident, minimal
Headlines Oversized, lowercase or uppercase, extremely tight spacing
CTAs Understated text links with thin borders

Don't use drop shadows — screenshot shows flat, high-contrast surfaces
Don't use border-radius on elements — screenshot shows sharp, 0px corners
Don't use multiple font weights — screenshot shows exclusively weight 400
Don't introduce accent colors — screenshot is strictly black and white
Don't use wide letter-spacing — screenshot shows tight, negative letter-spacing
Don't add background textures or gradients — screenshot shows solid pure white/black backgrounds
Avoid: Playful language
Avoid: Excessive punctuation
Avoid: Rounded corners
Avoid: Shadows
Avoid: Gradients

10

Inside the pack — real screenshots

Favorit Studio — 桌面首屏（hero） — 桌面首屏（hero）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Favorit Studio — 移动首屏 — 移动首屏

Captured from the live site · real computed styles

11

System prompt

A bold, minimalist design studio portfolio characterized by stark black-and-white contrast and massive grotesque-sans typography. Key colors are strictly #000000 and #FFFFFF. Font categories are exclusively grotesque-sans (TWKLausanne) used at various massive scales (up to 189px) with weight 400. Critical donts: never use border-radius (screens show sharp 0px corners), never use drop shadows (surfaces are completely flat), and never introduce accent colors (palette is strictly monochrome).

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