Surfaces

Foundations

Quiet structure for generated-screen review.

Foundations stay sparse: Simple Slab color, fixed type, durable spacing, thin rules, concise captions, and concrete voice.

Color / Simple SlabType / Geist, Inter, ArialRules / 1 px
01

Foundations

A restrained palette for review, not decoration.

Brand surfaces use the Simple Slab palette. Proof Cyan appears only when it marks evidence, focus, or an active review signal.

Ink#0B0D0E
Ivory#F7F6F2
Nickel#8B9096
Rule#DAD7CF
Paper#FFFFFF
Muted text#3C4145
Subtle text#555B60
Proof cyan#00A7C8
02

Type And Space

Use precision, not decoration, to create hierarchy.

Typeface

Use the sans stack for public pages and review surfaces. Use mono for captions, indexes, versions, and status metadata.

Geist, Inter, Arial

Spacing

Build from 4, 8, 12, 16, 24, 32, 48, and 64 px spacing values. Keep dense product evidence aligned to the same scale.

Rules

Use 1 px rules for structure and 2 px rules only when a reference specimen needs stronger separation.

03

Voice

Use language a designer can act on.

Prefer

Review, revise, decide, share, name, inspect, carry forward.

Avoid

Magic language, broad AI claims, implementation jargon, and decorative metaphors.

Rationale

Name the source, behavior, owner, open question, and next step.

Tone

Quiet, direct, factual, and specific. Let the work stay readable.