Foundations
Every scope answers the same five questions. This is the answer that sets each scope's values; open a scope for all five, its tokens and its specimen.
How it looks
TypographyValuesRegularRegular body; the display does the shouting.AaAaAa
ColorValuesVividVivid color is the brand.
ShapeValuesPillPill controls feel playful.
ElevationValuesPronouncedPronounced shadows add depth.How it feels to use
SpacingValuesSpaciousBig space makes big moments.
MotionValuesFastFeedback stays fast; the personality shows in panels and hero moments, which move slower on a spring.
IconographyValuesLarger than the textLarger icons hold their own next to big type.
AccessibilityValuesTouch sizeVisitors come from social posts on phones.Where it runs and how it speaks
ThemingValuesLight and darkLight and dark ship as standard.
NamingValuesLowercase words in pathsLowercase paths read the same everywhere.button/primary/background
Voice and toneValuesPlayfulBig words, few of them.Go
ComponentsValuesAlso for emphasis and sizeVariants for emphasis and size let each campaign look a little different.47of 62 in the catalogue