Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.
Rubik Regular 18px/24px
Rubik Light 16px/24px
Rubik Black 12px/16px
Rubik Bold 11px/16px
Rubik Bold 16px/24px
Rubik Bold 14px/24px
Rubik Light 22px/40px
Rubik Light 18px/32px
Rubik Bold 18px/22px
Rubik Black 72px/80px
Rubik Light 64px/72px
Rubik SemiBold 56px/64px
Rubik SemiBold 48px/56px
Rubik Light 40px/48px
Rubik Light 26px/24px
Rubik Regular 24px/32px
Rubik SemiBold 20px/24px
Rubik Regular 20px/24px
Rubik Light Italic 24px/32px
Rubik SemiBold 18px/24px
Rubik Regular 18px/24px
Rubik Regular 13px/24px
Rubik SemiBold 13px/16px
Rubik Bold 14px/24px
Rubik Light 14px/24px
Inter Semi Bold 14px/24px
Rubik Bold 14px/24px
Rubik SemiBold 20px/24px
Inconsolata Light 72px/70px
Rubik Light 16px/24px
Primary / Pearl - #F2F2F2
Primary / Midnight - #0C0A0D
Primary / Slate - #424E5A
Primary / Glacier - #97ACBF
Primary / Ironstone - #908886
Shades: Midnight / Obsidian - #203141
Shades: Midnight / Indigo - #31475E
Shades: Midnight / Gunship - #3F5E7A
Shades: Midnight / Dusk - #507498
Shades: Midnight/Tidal - #5F8AB4
Shades: Midnight / Cove - #6DA1D0
Shades: Slate / Flint - #586877
Shades: Slate / Denim - #6E8094
Shades: Slate / Haze - #849AB1
Shades: Slate / Mist - #ACC7DC
Shades: Ironstone / Graphite - #434343
Shades: Ironstone / Iron - #616161
Shades: Ironstone / Pebble - #B8B8B8
Shades: Ironstone / Linen - #D5D5D5
Fixed Colors / Black - #272E35
Fixed Colors / White - #FFFFFF
Primary/Midnight - #0B0A0D
Primary/Mist - #D9D6D2
Greys/Pewter - #6D6C6E
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.