Phase 1 · Foundation

StormSync Home Portal

The scaffold is standing: design tokens, eight themes, measured device tiering, self-hosted type, and a build that fails if any of it regresses. Nothing below is the finished site — this page exists to prove the foundation works before anything is built on it.

Device tiermeasuringmeasured, never guessed from a user-agent string

Motionfullfollows your OS setting

Themenocturnea token swap, nothing more

Eight themes

Tap one. Every colour on this page moves, and no component knows which theme is active — that is what makes the admin panel’s Theme Editor possible.

The palette, with its contrast measured

Ratios against the page background. AA needs 4.5:1 for text and 3:1 for interface components. --faint passes only the interface threshold, which is why it never carries prose.

Primary · violet--a16.74:1
Periwinkle--a211.05:1
Cyan · data only--a310.85:1
Body text--txt15.49:1
Secondary text--dim7.03:1
Interface only--faint3.29:1
Reserved--warn4.65:1

Wittgenstein, self-hosted and subset

One face preloaded. The twenty-two decorative faces load only inside the news editor — globally they would be the heaviest thing on every page.

--t-3xlStorm season

--t-2xlEverything in one place

--t-xlAffected communities

--t-lgDaily brief

--t-baseBody copy at the base size, which is what most of the site is made of.

--t-smMetadata and captions