Design Token Re-themer: restyle a whole page from eight tokens

Fernway, the page on the artboard, is a fictional walking app I made up for this demo. Every color, font, size, corner, and gap it uses is derived from the eight tokens below, the way I build real sites: decisions live in tokens, pages just read them. My own site re-themes from a single accent token; this is the same idea with all the dials exposed.

Presets

Color

Mode

Accent hue

Accent strength

Typography

Font pairing

Type scale ratio

Shape and rhythm

Corner radius

Border width

Density

Contrast check

Body text on background

Accent text on background

A failing accent is flagged, not blocked. That is the point of tokens: they are power tools, and the check is part of the tooling. Shuffle only deals themes that pass.

Export tokens

CSS custom properties

WordPress theme.json fragment

Fernway TrailsRegionsJournal Sign in Get the app

New: winter trail notes

Know every path like a local

Fernway maps the quiet walking routes that road maps skip, with offline directions, honest difficulty grades, and notes from people who walked it last week.

Start exploring See a sample trail

Silvermine Loopsaved offline

6.4 km2:10 heasy grade

Offline first

Whole regions download to your pocket, because the best trails are the ones without signal.

Local notes

Short field notes from recent walkers: mud, gates, cows, and where the view actually is.

Season aware

Routes adjust for daylight and weather windows, so a summer stroll does not become a night hike.

120regions mapped

38ktrail notes filed

9 of 10walkers come back

Free to wander. Plus, when you roam.

The free plan covers your home region forever. Fernway Plus adds every region, unlimited offline maps, and printable route cards.

$4 per month, billed yearly

All 120 regions
Unlimited offline maps
Printable route cards
Family sharing for four

Go Plus

Fernway is a fictional product, styled live by design tokens. Terms, privacy, and other links that go nowhere