CURATED · OPEN · FREE

Erno Works

A refined portfolio for a multidisciplinary design director emphasizing logic, clarity, and craft.

PortfolioStudioCleanRefinementEditorial

↓ Download design system (6 MB)Open in OpenDesign

Visit: https://erno.works

📦 Browse pack contents →

Identity DNA

designdirectioncraftclaritylogic

A minimalist gallery showcasing high-end design work

Color

#202020Ink

#fafbfcBG

#dfdcdcBG quiet

rgba(27, 27, 27, 0.13)Line

Minimalist and strictly functional, relying on a near-monochromatic palette to let the work stand out.

Typography

humanist-sans

display57px · 400
h243px · 400
body21px · 400

All text uses a consistent humanist sans-serif · Tight letter spacing is used for large display type · Light to regular weights are preferred for a refined look

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace and vertical rhythm to create a calm, breathable layout

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Thin, 1px lines used for subtle section dividers

Layout

1280container

12columns

18pxgutter

768 / 1024breakpoints

A responsive grid that shifts from a single-column mobile layout to a multi-column desktop showcase

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

Subtle fade-in and opacity transitions for elements

Subtle opacity changes on interactive elements · Standard link behavior

Components

button Minimal text links, often without borders or backgrounds
card Project cards consisting of an image and a clean text overlay or adjacent text
hero A large, dominant typographic statement with generous negative space

Voice & Don'ts

Tone Professional, confident, and understated
Headlines Direct, first-person statements about design philosophy
CTAs Simple, unadorned text links

don't use bold font weights — screenshot shows light to regular weights used exclusively
don't apply drop shadows to project images — screenshot shows completely flat imagery
don't use rounded corners on cards or containers — screenshot shows sharp, rectangular edges
don't introduce saturated accent colors — screenshot shows a strictly monochromatic and muted palette
don't clutter the layout with dense text — screenshot shows ample whitespace and breathing room
don't use decorative background patterns — screenshot shows solid, plain background colors
Avoid: Overly complex or decorative elements
Avoid: Bright, saturated colors
Avoid: Dense blocks of text
Avoid: Rounded corners on containers
Avoid: Drop shadows on UI elements
Avoid: Bold, heavy font weights

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist portfolio for a design director. The palette is strictly monochromatic, using a slightly off-white background (#fafbfc), dark gray text (#202020), and subtle borders (rgba(27, 27, 27, 0.13)). Typography is a clean humanist sans-serif with tight letter-spacing for display text. Layout is spacious with generous whitespace. Critical don'ts: do not use bold weights, do not add shadows to images, and do not introduce saturated accent colors. The design relies on clarity and restraint to let the showcased work stand out.

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