Typography

Fonts


These settings define the four font families of the theme. The text styles below (Heading hero, H1–H6, Paragraph, Caption and Subheading) use these families, and the same styles can be chosen in the typography Preset and Font settings of sections and blocks.

Setting Description
Heading large family Sets the font family used for large headings. Used by every text style where Heading large is selected as the font. Default: Work Sans, Regular.
Heading small family Sets the font family used for smaller headings. Used by every text style where Heading small is selected as the font. Default: Work Sans, Semi Bold.
Body family Sets the font family used for body text and form fields. Used wherever Body is selected as the font. Default: Work Sans, Regular.
Accent family Sets the font family used for accent text, such as subheadings, captions and labels. Used wherever Accent is selected as the font. Default: Work Sans, Regular.

Heading hero

Heading hero is the largest text style, used for hero headings in banners and slideshows.

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading large.
Size Sets the font size on desktop. Range: 10–120 px. Default: 120 px.
Size mobile Sets the font size on mobile devices. Range: 10–120 px. Default: 64 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H1

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading large.
Size Sets the font size on desktop. Range: 10–120 px. Default: 64 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 40 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H2

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading large.
Size Sets the font size on desktop. Range: 10–120 px. Default: 56 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 36 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H3

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading large.
Size Sets the font size on desktop. Range: 10–120 px. Default: 40 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 30 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H4

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading large.
Size Sets the font size on desktop. Range: 10–120 px. Default: 32 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 28 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H5

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading small.
Size Sets the font size on desktop. Range: 10–120 px. Default: 24 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 22 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Heading H6

Setting Description
Font Defines which font family is used for this style. Choose Heading large, Heading small, Body or Accent; the families themselves are set in Fonts. Default: Heading small.
Size Sets the font size on desktop. Range: 10–120 px. Default: 20 px.
Size mobile Sets the font size on mobile devices. Range: 10–80 px. Default: 18 px.
Line height Sets the distance between lines of text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Paragraph

Setting Description
Large text size Sets the size of large text on desktop, such as lead paragraphs. Range: 12–28 px. Default: 20 px.
Large text size mobile Sets the size of large text on mobile devices. Range: 12–24 px. Default: 18 px.
Main text size Sets the size of regular body text on desktop. Range: 12–24 px. Default: 16 px.
Main text size mobile Sets the size of regular body text on mobile devices. Range: 12–20 px. Default: 16 px.
Small text size Sets the size of small text on desktop, such as notes and secondary information. Range: 10–18 px. Default: 12 px.
Small text size mobile Sets the size of small text on mobile devices. Range: 10–18 px. Default: 10 px.
Line height Sets the distance between lines of paragraph text, relative to the font size. Range: 1–2 em. Default: 1.5 em.
Letter spacing Sets the space between letters in paragraph text. Negative values bring letters closer together. Range: −10 to 10%. Default: 0%.

Caption

Setting Description
Size Sets the caption font size on desktop. Range: 10–24 px. Default: 12 px.
Size mobile Sets the caption font size on mobile devices. Range: 10–24 px. Default: 12 px.
Font Defines which font family is used for captions. Choose Heading large, Body or Accent. Default: Accent.
Line height Sets the distance between lines of caption text, relative to the font size. Range: 1–2 em. Default: 1.1 em.
Letter spacing Sets the space between letters in captions. Range: −10 to 30%. Default: 0%.
Text style Defines the letter case of captions: Normal, Uppercase or Lowercase. Default: Uppercase.

Subheading

Setting Description
Size Sets the subheading font size on desktop. Range: 10–24 px. Default: 14 px.
Size mobile Sets the subheading font size on mobile devices. Range: 10–20 px. Default: 12 px.
Line height Sets the distance between lines of subheading text, relative to the font size. Range: 1–2 em. Default: 1.4 em.
Letter spacing Sets the space between letters in subheadings. Range: −10 to 30%. Default: 5%.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us