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 text12.1:1
Secondary text5.4:1
Links6.8:1
Text on surfaces10.8:1
Secondary on surfaces4.8:1
Links on surfaces6.1:1
Action labels8.6: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 previewPortfolio Journal retrofit

Open full site ↗

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