One stylesheet, two brands. Everything below is drawn by brand.css and nothing else. Switch the brand with the button and watch the same components recolour.

Heading one, in OpenDyslexic

Body text sits at 17px with a 1.5 line height, which is the size the quiz settled on after a year of people reading it off a television at the back of a room.

--accent

--accent-soft

--accent-pale

--bg

--surface

--info

The parts every site needs

LIVE Draft

A card

Cards hold content and never hold layout. Border, radius and shadow come from tokens.

A field

Marked answer

-> A. THE CORRECT ONE
B. A close runner-up

Site	Brand	Accent
whatsmybiz.app	WhatsMyBiz.App	#ff6c01
oriondevcore.com	ORION Dev Core	#22c55e