Template reference
Style guide
Every colour, text style and component this template uses. Change a style here and it updates everywhere it is used.
Colour styles
Surface/Base
Surface/Raised
Surface/Nav
Surface/Card
Surface/Field
Brand/Primary
Brand/Deep
Brand/Electric
Brand/Vivid
Glow/Mid
Glow/Soft
Text/Primary
Text/Secondary
Text/Muted
Border/Subtle
Text styles
Display/Mega
Display Mega
Heading/H1
Heading One
Heading/H2
Heading Two
Heading/H3
Heading Three
Heading/H4
Heading Four
Stat/Numeral
150 +
Body/Large
Body large — the quick brown fox jumps over the lazy dog.
Body/Base
Body base — the quick brown fox jumps over the lazy dog.
Body/Small
Body small — the quick brown fox jumps over the lazy dog.
Label/Caption
Label caption
Components
01
Accordion item
Open and closed states, driven by a tap. Edit the number, title and body from the properties panel.