A family of card components used throughout the system
The base card handles previews and navigation links. Specialized variants like colour swatches, spacing swatches, and typography specimens are purpose-built for documenting tokens on the foundations pages.
Card
Button
Toggle switch
Card
Entity card
home
settings
search
person
favorite
star
Colour swatch
Primary
Primitive--teal--07--
Hex#118AB2
RGB17 / 138 / 178
Secondary
Primitive--orange--07--
Hex#F4845F
RGB244 / 132 / 95
Background
Hex#050505
RGB5 / 5 / 5
Typography swatch
Heading 1
SemiBoldFont weight
36Font size
44pxLine height
-1%Letter spacing
Paragraph
RegularFont weight
16Font size
24pxLine height
0Letter spacing
Spacing swatch
SM8px
MD12px
XS1px