Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.
Block Quote
Inter Medium 14px/20px
Inter Regular 12px/15px
Inter Regular 14px/20px
Inter Regular 16px/24px
Inter Medium 12px/16px
Inter Medium 16px/24px
Inter Medium 22px/undefinedpx
Instrument Serif Regular 32px/36px
Instrument Serif Regular 52px/52px
Instrument Serif Italic 52px/52px
Instrument Serif Regular 80px/78px
Instrument Serif Italic 80px/78px
Instrument Serif Regular 52px/52px
Inter Regular 16px/24px
Roboto Regular 20px/28px
Roboto Regular 32px/40px
Roboto Regular 14px/20px
Roboto Medium 16px/24px
Roboto Regular 18px/24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Text linkBlock quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
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.
background/base - #F6F4ED
content/high - #1A1914
content/mid - #1A1919
content/low - #1A1919
content/on.color - #F6F4ED
background/high - #1A1914
background/mid - #F6F4ED
background/low - #1A1919
border/high - #1A1914
border/low - #1A1919
semantic/highlight - #0032A6
content/high - #1A1914
background/low - #1A1919
content/on.color - #F6F4ED
light/content/oncolor - #FFFFFF
dark/background/base - #000000
dark/content/mid - #FFFFFF
dark/content/high - #FFFFFF
light/semantic/success - #00B277
light/content/high - #000000
light/content/onhigh - #FFFFFF
light/semantic/primary - #0D3FF5