Second wave

Wayfinder

Transit signage: enamel signs, route colours, split-flap boards.

Overpass Overpass Mono Self-hosted — zero third-party requests
Components
13
Widgets
2
Examples
1
Themes
2

Live preview

This is the pack's real, runnable example — rendered live by its own CSS and JS, exactly as it ships. Open it full-screen →

Use this design

One line in .env re-skins your whole public site — fonts, colours, components, both themes. No build step, nothing to install: the pack is already vendored in your copy.

  • 2 themes: Day - station wall / Night - departure board — the in-app toggle switches between them.
  • Fonts (Overpass, Overpass Mono) are self-hosted in the pack. Zero third-party requests, no CDN, GDPR-calm.
  • Prefer the house look with your own colours? The appearance page has 20 accent palettes for it.
# .env 
SITE_DESIGN="wayfinder"

Every screen, both themes

Wayfinder design system — Dispatch — Night - departure board screenshot
Dispatch — Night - departure board
Wayfinder design system — Dispatch — Day - station wall screenshot
Dispatch — Day - station wall
Wayfinder design system — Cover — Night - departure board screenshot
Cover — Night - departure board
Wayfinder design system — Cover — Day - station wall screenshot
Cover — Day - station wall

More like this

Bevel design system — A modern retro desktop OS: crisp bevels, windows, one teal accent. BevelSecond wave A modern retro desktop OS: crisp bevels, windows, one teal accent. Cutout design system — Layered coloured paper cut-outs that lift off the page. CutoutSecond wave Layered coloured paper cut-outs that lift off the page. Moss design system — Calm and organic: pebble buttons, stone, one sprout-green accent. MossSecond wave Calm and organic: pebble buttons, stone, one sprout-green accent.