Experiment 01 / Design Profile

Make a direction your own.

Adjust a bounded set of visual decisions, inspect them on a working prototype, then take the exact profile with you. These are curated options, not a generator of arbitrary combinations.

01 / Controls

Changes update the preview and the exported JSON.

Showcase site

Ship OnwardsPortfolio Journal retrofit

Semantic colors

Each set defines background, surface, text, links, and action colors together.

Warm editorialGarden paperQuiet dark

Font pairCornersSpacing density

Readability checkPasses AA

Body text13.1:1
Secondary text5.6:1
Links6.6:1
Text on surfaces11.8:1
Secondary on surfaces5.0:1
Links on surfaces5.9:1
Action labels6.1:1

Normal text needs at least 4.5:1 contrast. Readability also depends on type size, line length, and context; inspect those in the full site.

Schema v1. Validated, explicit tokens. Import support in the private Design Skill remains to be verified before a compatibility claim is made.

02 / Live previewShip Onwards

Open full site ↗

The full route keeps this same profile as you browse. The Journal baseline is fixed for comparison.