CURATED · OPEN · FREE

Wakawaka

A sophisticated design studio portfolio showcasing functional wooden objects with bold, sculptural typography.

PremiumStudioPhotographicBold TypographyClean

↓ Download design system (14 MB)Open in OpenDesign

Visit: https://wakawaka.world

📦 Browse pack contents →

Identity DNA

furniturestudiominimalcraftindex

A minimalist gallery exhibition catalog.

Color

#28282AInk

#EDEAE4BG

#D4D1CBBG soft

#C9C7C4Muted

rgba(40,40,42,1.0)Line

High-contrast, minimalist palette focused on letting the typography and photography take center stage.

Typography

grotesque-sans

display560px · 500
body14px · 400

Uppercase small caps for navigation and metadata · Heavy tracking on small uppercase text · Extreme negative tracking on massive display text

Spacing

4px

8px

16px

20px

24px

32px

48px

96px

Generous vertical spacing with minimal horizontal padding, allowing typography to bleed to edges.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 50px

None; relies on shape and spacing for separation.

Layout

1440container

12columns

20pxgutter

768 / 1024breakpoints

Full-bleed vertical stack with oversized typography dominating the viewport.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.445, 0.05, 0.55, 0.95)easing

Subtle opacity and transform transitions on hover states.

Subtle scale or opacity change. · Immediate response with no bounce.

Components

button None visible.
card None visible.
chip None visible.
input None visible.
hero Massive typographic wordmark accompanied by a full-width photographic study.

Voice & Don'ts

Tone Minimal, quiet, and self-assured.
Headlines Single-word, massive, and sculptural.
CTAs None visible.

Don't use a white background — screenshot shows an off-white (#EDEAE4) background.
Don't add drop shadows to elements — screenshot shows completely flat design without shadows.
Don't use small, tight display type — screenshot shows massive, expansive typography.
Don't use wide letter-spacing on the hero text — screenshot shows extreme negative tracking.
Don't use colorful accents — screenshot shows a strictly monochrome palette with no bright accent colors.
Don't use rounded corners on layout elements — screenshot shows sharp, unrounded edges.
Avoid: Clutter
Avoid: Excessive decoration
Avoid: Complex navigation

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

A minimalist design studio portfolio for 'Waka Waka', a Los Angeles-based furniture maker. The visual identity relies on massive, ultra-tight grotesque-sans typography that bleeds to the edges of the screen, creating a sculptural effect. The color palette is strictly restrained: an off-white background (#EDEAE4), deep charcoal ink (#28282A), and soft greys (#C9C7C4) for texture. Photography is treated with a soft, grainy quality. Critical donts: never use rounded corners on layout elements, never add drop shadows, and never use wide letter-spacing on headlines. The design is about tension between the massive scale of the text and the quiet, empty space around it.

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