Tokens and components

Everything on this page comes from assets/quiksim.css, the stylesheet the prototype pages use. Custom properties at the top of that file are the tokens.

Neutrals

--paper #FBFAF8
Page ground

--surface #FFFFFF
Cards, panels, inputs

--sunk #F3F1EE
Bands, footer, hover

--line #DDD8D1
Dividers and card edges

--control #8F887F
Input and outline borders · 3.5:1

--muted #6A645C
Secondary text · 5.6:1

--ink-2 #3E3A35
Body text · 10.8:1

--ink #23211E
Headings, shell primary · 15.4:1

Project accents and image fallbacks

Chandler Academy of GovernanceCivic navy #1E3A5C · tint #E8EDF3 · deep #152B45Start simulation

The Secret of RangitotoBush green #2D5E44 · tint #E6EFE8 · deep #224834Start simulation

University applicationsScholar plum #5A2E5E · tint #F1E9F1 · deep #44224AStart simulation

Type

Learn by making decisions

Project spaces · Te reo Māori: ā ē ī ō ū

Learn by making decisions, seeing the consequences, and playing again.

Body 17/27 in Source Sans 3. Tāmaki Makaurau, Rangitoto, kōrero, whānau.

Eyebrow · 13 bold caps

Buttons, links and badges

Request a demonstration Not yet, keep playingQuiet link

Start simulation Play againComing soon

Public MembersHidden DesktopTablet and upAny device

Hover and keyboard focus are live here: tab through to see the focus ring.

Fields and rating scale

Email address

Email addressEnter an email address like name@example.com