Type + color
Body, display and mono families; weights, leading, tracking, schemes and contrast.
Skins // complete design-system models
Not a palette. A product DNA.
A Skin coordinates typography, grid, density, geometry, elevation, media treatment, components and motion voice. Change the model; retain the semantic interface and Core behavior.
Act 02 // Skin Contract
Every model must make the same nine decisions.
Grid + density
Columns, gaps, content width, spatial rhythm and information density.
Geometry + material
Radii, border weight, elevation, blur, surface opacity and component anatomy.
Crop + treatment
Aspect ratios, contrast, saturation and the relationship between image and copy.
Distance + timing
Duration, travel and easing voice—always inside Core and reduced-motion rules.
Light + dark
Intentional schemes rather than automated inversion or isolated color swaps.
Act 03 // one semantic product · four models
The content stays. The editorial system changes.
Each frame below contains the same headings, status, metric, metadata, action and media role. Only documented Skin decisions change composition and personality.
Core enter + hover + stateSkin every visual decisionShowcase release brief content
Noir
Cinematic · dark · kinetic
Release brief / 07
Release signal liveA living brief for the next release.
72%Team alignment
Open brief Earth
Organic · light · editorial
Release brief / 07
Release signal liveA living brief for the next release.
72%Team alignment
Open brief Aethel
Geometric · metallic · decisive
Release brief / 07
Release signal liveA living brief for the next release.
72%Team alignment
Open brief Meridian
Cartographic · translucent · spatial
Release brief / 07
Release signal liveA living brief for the next release.
72%Team alignment
Open brief