CURATED · OPEN · FREE

Capacities

A home for everything you think, learn, and create.

01

Identity DNA

A minimalist design studio where ideas are treated as tangible objects.

02

Color

Warm, earthy neutrals grounded in near-black, with a single warm gold accent.

03

Typography

geometric-sans · humanist-sans · monospace

• display64px · 700
• h240px · 700
• h324px · 600
• body16px · 400
• small14px · 400

Display headlines use tight negative tracking · Body text maintains a comfortable 1.6 line-height for readability · Mono font is reserved exclusively for code blocks and technical snippets

04

Spacing

Consistent 4px grid with generous section padding (128px) to create breathing room.

05

Surfaces

Very subtle, 1px solid borders in a warm light gray.

0 1px 2px rgba(0,0,0,0.04) · 0 4px 12px rgba(0,0,0,0.08) · 0 20px 40px -4px rgba(0,0,0,0.12)

06

Layout

Single column centered hero transitioning into a multi-column feature grid.

07

Motion & Interaction

Subtle hover transitions on interactive elements · Opacity fades for modal or overlay appearances

Subtle background color change or opacity shift. · Immediate visual feedback via color darkening or slight scale reduction.

08

Components

• button High-contrast black primary with white text; transparent secondary with black text and icon.
• card White, slightly rounded rectangles with very soft drop shadows for floating UI previews.
• chip Rounded-pill tags with light pastel backgrounds (peach, blue, green, purple) and muted text.
• input Clean, single-line inputs with rounded corners and subtle borders.
• hero Large centered typography with floating illustrative UI cards and a warm radial gradient overlay.

09

Voice & Don'ts

• Tone Calm, intellectual, and confident.
• Headlines Direct, benefit-driven statements that are easy to scan.
• CTAs Action-oriented and clear, using simple verbs like 'Start Free' or 'Discover Product'.

• Don't use a pure cold white — the screenshot shows a warm, off-white background (#FBFBFA).
• Don't use sharp corners — the cards and buttons in the screenshot have distinct rounding (8px-12px).
• Don't use bright, neon accents — the screenshot uses a warm, muted gold (#F59E0B) as the primary accent.
• Don't use dense, cramped layouts — the screenshot shows generous whitespace and padding (128px).
• Don't use decorative serifs for headlines — the screenshot shows a clean, geometric sans-serif display font.
• Don't use heavy drop shadows — the screenshot uses very soft, diffused shadows for depth.
• Avoid: Overly technical jargon
• Avoid: Aggressive sales language
• Avoid: Excessive punctuation
• Avoid: Vague or buzzword-heavy descriptions

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko