Brand checkDitto assessments
The quiz platform, wearing its own brand
This page renders the ported design-system components against the real tokens — colour, type, radii and icons all come from brand/ditto-tokens.css, nothing here is hand-picked.
Buttons
Cards
Style 1 — hairline
No fill, subtle purple stroke.
Style 2 — tint
#F9F4FF fill, no stroke.
Style 3 — cyan
Tint cyan fill, no stroke.
Style 4 — purple
Brand purple fill, white text.
Stat callouts
92%
Average pass rate
4m 12s
Median completion time
6
Questions answered
Brand icons
Before you start
- •Answer every question before moving on
- •Your progress saves automatically on this device
- •You can only submit once per attempt