CURATED · OPEN · FREE

Garden Eight

A Tokyo-based digital design studio portfolio defined by expressive typography and expansive whitespace.

StudioPortfolioEditorialTypographyAgency

↓ Download design system (6 MB)Open in OpenDesign

Visit: https://garden-eight.com

📦 Browse pack contents →

Identity DNA

design studioTokyodigitalboldeditorial

A minimalist gallery where typography is the primary exhibit.

Color

#1E1F1FInk

#DCD6D1BG

#DBD6D0Muted

rgba(30,31,31,1.0)Line

Extreme restraint using a monochromatic palette to let expressive typography and 3D imagery command all attention.

Typography

didone-serif · humanist-sans

display215px · 400
body15px · 400

Use uppercase tracking for navigation links. · Apply high contrast between display weight and body weight. · Allow massive scale variation between headline and body text.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous padding with expansive whitespace to frame content blocks.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid rgb(30, 31, 31)

rgb(30, 31, 31) 0px 2px 2px 0px inset · rgb(219, 214, 208) 0px 3px 2px 0px inset

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

Minimalist grid that pushes content to the absolute edges.

Motion & Interaction

222msmicro

400mssmall

800msmedium

cubic-bezier(0.32, 0.94, 0.6, 1)easing

Slow, smooth opacity transitions for image reveals. · Eased transform movements for 3D background elements.

Subtle cursor changes or opacity shifts on text links. · Standard pointer state with minimal immediate visual feedback.

Components

button Minimal text-based links with uppercase styling and no background fills.
card Clean edges with no border radius or drop shadows.
chip Minimal, likely text-only tags if present.
input Minimal, likely thin underlined inputs if present.
hero Massive typography taking up the full viewport height.

Voice & Don'ts

Tone Confident, sophisticated, and quiet.
Headlines Expressive, oversized, and philosophical (e.g., 'WHAT CAN WE MAKE NEXT').
CTAs Minimal, uppercase text links that rely on context rather than buttons.

Don't use bright colors — screenshot shows a strictly neutral beige and black palette.
Don't use heavily rounded corners — screenshot shows sharp, square edges.
Don't use small headline typography — screenshot shows display type taking up the full viewport.
Don't use busy backgrounds — screenshot shows a clean, expansive beige surface.
Don't use bold button styles — screenshot shows simple uppercase text links.
Don't use a dark theme — screenshot shows a predominantly light, warm-toned interface.
Avoid: Cluttered layouts
Avoid: Bright, saturated colors
Avoid: Decorative UI elements
Avoid: Small, cramped typography

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a high-end Tokyo-based digital design studio portfolio characterized by extreme typographic scale and minimalist restraint. The color palette is monochromatic, featuring a warm beige background (#DCD6D1) and deep charcoal ink (#1E1F1F). Typography categories are didone-serif for expressive display text and humanist-sans for legible body copy. Critical design constraints include: avoid adding bright accent colors or decorative UI flourishes, never shrink the hero typography below 20% of the viewport, and maintain vast whitespace between elements to preserve the gallery-like atmosphere.

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