Typography System The typographic foundation of Bolt. Open Sans Fonts Body: Open Sans Characters
ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.* Headline: Open Sans Characters
ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.* Code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace* Characters
ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.*
*Bolt prefers the system default for code text’s font-family which maximizes the readability across all platforms and browsers.

Styles


  • Light

  • Light Italic

  • Regular

  • Regular Italic

  • Semi-Bold

  • Semi-Bold Italic

  • Bold

  • Bold Italic

  • Extra Bold

  • Extra Bold Italic

Size Scales

Important Notes:

largedisplay, display, xxxlarge, and xxlarge sizes should only be used for display text (hero headline).

Headline


  • largedisplay: Every second he kept glancing at the clock.

  • display: Every second he kept glancing at the clock.

  • xxxlarge: Every second he kept glancing at the clock.

  • xxlarge: Every second he kept glancing at the clock.

  • xlarge: Every second he kept glancing at the clock.

  • large: Every second he kept glancing at the clock.

  • medium: Every second he kept glancing at the clock.

  • regular: Every second he kept glancing at the clock.

  • small: Every second he kept glancing at the clock.

  • xsmall: Every second he kept glancing at the clock.

  • tiny: Every second he kept glancing at the clock.

Subheadline


  • xlarge: Every second he kept glancing at the clock.

  • large: Every second he kept glancing at the clock.

  • medium: Every second he kept glancing at the clock.

Body


  • regular: Every second he kept glancing at the clock.

  • small: Every second he kept glancing at the clock.

  • xsmall: Every second he kept glancing at the clock.

Eyebrow


  • xsmall: Every second he kept glancing at the clock.

Pairings Common Pairings Article Title
This is a xxxlarge headline This is a xlarge subheadline Page Title
This is a small headline This is a xxxlarge headline This is a xxlarge subheadline Teaser
This is an eyebrow This is a xxxlarge headline This is a xxlarge subheadline This is regular text, and some lorem ipsum. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante. Etiam at risus et justo dignissim congue. Donec congue lacinia. Mini Teaser
This is an eyebrow This is a xlarge headline Inline Mix
Inline xxlarge subheadline & xxlarge headline
Lora Fonts Lora: Lora Characters
ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&<-+÷×=>®©$€£¥¢:;,.*

Styles


  • regular

  • regular italic

  • medium

  • medium italic

  • semibold

  • semibold italic

  • bold

  • bold italic

Size Scales

Important Notes:

xlargedisplay, largedisplay, display, xxxlarge, and xxlarge sizes should only be used for display text (hero headline).

Headline


  • xlargedisplay: Every second he kept glancing at the clock.

  • largedisplay: Every second he kept glancing at the clock.

  • display: Every second he kept glancing at the clock.

  • xxxlarge: Every second he kept glancing at the clock.

  • xxlarge: Every second he kept glancing at the clock.

  • xlarge: Every second he kept glancing at the clock.

  • large: Every second he kept glancing at the clock.

  • medium: Every second he kept glancing at the clock.

  • regular: Every second he kept glancing at the clock.

  • small: Every second he kept glancing at the clock.

  • xsmall: Every second he kept glancing at the clock.

  • tiny: Every second he kept glancing at the clock.

Subheadline


  • xlarge: Every second he kept glancing at the clock.

  • large: Every second he kept glancing at the clock.

  • medium: Every second he kept glancing at the clock.

Body


  • regular: Every second he kept glancing at the clock.

  • small: Every second he kept glancing at the clock.

  • xsmall: Every second he kept glancing at the clock.

Eyebrow


  • xsmall: Every second he kept glancing at the clock.

Pairings Common Pairings Article Title

This is a xxxlarge headline

This is a xlarge subheadline

Page Title

This is a small headline

This is a xxxlarge headline

This is a xxlarge subheadline

Teaser

This is an eyebrow

This is a xxxlarge headline

This is a xxlarge subheadline

This is regular text, and some lorem ipsum. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante. Etiam at risus et justo dignissim congue. Donec congue lacinia.

Mini Teaser

This is an eyebrow

This is a xlarge headline

Inline Mix

Inline xxlarge subheadline & xxlarge headline