Guidelines

The foundation cards.

The original design-system review cards — colour, type, spacing and brand usage — rendered live in an iframe from their own vendored HTML. Each links to the raw file. Superseded brand marks (like the pre-hyphen-removal wordmark) have moved to the Archive.

Brand

Animated icon & favicon

Line-draw reveal + monogram write-in, then a gentle idle loop — for profile images & tabs

Download the baked animation:SVG GIF APNG

Icon & monogram

Geodesic sphere + S monogram · now a scalable SVG

Horizontal lockup

Committed: logo mark + SterlingCraft (Montaga title case)

Logo lockups

Primary, reversed & monochrome — hyphen removed

Manifesto

Timeless Craftsmanship — the studio's founding statement

Colors

Brand core

Rust primary & bark accent — the BrandBoard palette

Warm earth neutrals

Parchment → umber surface & text scale

Status — earthy semantics

Forest, ochre, brick, slate — muted to match the palette

Components

Buttons

Primary, secondary, ghost · sizes · icons · states

Badges & Cards

Status badges · catalogue card with media & footer

Inputs

Labelled fields · hint, error, icon & disabled states

Spacing

Radii & shadows

Tight, architectural corners · warm brown-tinted elevation

Spacing scale

4px base · used for padding, gaps & layout rhythm

Type

Display — Montaga

The brand serif, used for headings & the wordmark voice

Text & UI — Hanken Grotesk

Body copy, labels and interface chrome