Typography

Typography

Typography

Brandbook uses the Urbanist font family for headings and titles, and Urbanist Regular for body text, ensuring legibility and conveying professionalism.

Illustration for the typography section of the BrandBook framer template

Typography

Brandbook uses the Urbanist font family for headings and titles, and Urbanist Regular for body text, ensuring legibility and conveying professionalism.

Illustration for the typography section of the BrandBook framer template

Typography

Brandbook uses the Urbanist font family for headings and titles, and Urbanist Regular for body text, ensuring legibility and conveying professionalism.

Illustration for the typography section of the BrandBook framer template

Type stack

Our brand fonts, Urbanist Extra Bold and Urbanist Medium, are crucial for a consistent and recognizable brand identity. Each font has unique characteristics suitable for different use cases. The tables outline best practices for using our fonts.

Type stack

Our brand fonts, Urbanist Extra Bold and Urbanist Medium, are crucial for a consistent and recognizable brand identity. Each font has unique characteristics suitable for different use cases. The tables outline best practices for using our fonts.

Type stack

Our brand fonts, Urbanist Extra Bold and Urbanist Medium, are crucial for a consistent and recognizable brand identity. Each font has unique characteristics suitable for different use cases. The tables outline best practices for using our fonts.

Headlines

For headlines, use Urbanist Extra Bold. When setting headings on embedded or printed materials, always use optical kerning and sentence case. Avoid using all caps or all lowercase.

H1

BrandBook framer template

H2

Unleash your brand's potential

H3

This is the ultimate Framer template

H4

With a comprehensive collection of visuals

H1

BrandBook framer template

H2

Unleash your brand's potential

H3

This is the ultimate Framer template

H4

With a comprehensive collection of visuals

H1

BrandBook framer template

H2

Unleash your brand's potential

H3

This is the ultimate Framer template

H4

With a comprehensive collection of visuals

Content

For most other text, including paragraphs, use Urbanist Medium. Always use optical kerning when typesetting for embedded or printed collateral. It is recommended to use sentence case, except for proper nouns and attributions, which can be in title case. Use all-caps for eyebrows and buttons, but avoid using all lowercase.

Body copy

BrandBook is the ultimate Framer template for crafting visually appealing brand guidelines with a comprehensive collection of visual elements. Whether you're a seasoned professional or just starting, unleash your brand's potential with BrandBook.

Pull quote

"Since 2022, we have been dedicated to providing comprehensive brand design resources that empower our clients to unleash their brand's potential"

Attribution

Elie Khalil

— CTO @BrandBook

Body copy

BrandBook is the ultimate Framer template for crafting visually appealing brand guidelines with a comprehensive collection of visual elements. Whether you're a seasoned professional or just starting, unleash your brand's potential with BrandBook.

Pull quote

"Since 2022, we have been dedicated to providing comprehensive brand design resources that empower our clients to unleash their brand's potential"

Attribution

Mike Brown

— CTO @BrandBook

Body copy

BrandBook is the ultimate Framer template for crafting visually appealing brand guidelines with a comprehensive collection of visual elements. Whether you're a seasoned professional or just starting, unleash your brand's potential with BrandBook.

Pull quote

"Since 2022, we have been dedicated to providing comprehensive brand design resources that empower our clients to unleash their brand's potential"

Attribution

Mike Brown

— CTO @BrandBook

Logo font

Our logo font, Lexend Giga, is reserved for special use cases where it is important to attribute the content to our brand. It is suitable for short, impactful headlines or taglines that require a bold and recognizable appearance. However, it should be used sparingly to avoid diluting the impact of our primary and secondary fonts.

BrandBook logo in dark on yellow background


Styling type

Proper capitalization and punctuation are important elements in creating effective copy. To ensure consistency in our written communications, we follow a specific editorial style, which is outlined in the following overview. For a more comprehensive guide, refer to our writing guidelines.

Casing

Use sentence case for all copy, except for proper nouns and attributions where title case is appropriate. Avoid setting text in all lowercase, and use all-caps only for eyebrows and buttons.

Random letters engraved to form a wooden pattern

Punctuation

We follow standard punctuation rules for body copy. However, avoid using punctuation in headlines, eyebrows, links, or buttons, unless it is essential for clarity. Additionally, keep the following guidelines in mind:

  • Use "and" instead of ampersands (&) or plus signs (+).

  • Avoid using the Oxford/serial comma.

  • Use en dashes (–) instead of hyphens for ranges of numbers, dates, or times.

  • Don't include spaces around em dashes.

  • Place end punctuation inside closing quotation marks.

Logo font

Our logo font, Lexend Giga, is reserved for special use cases where it is important to attribute the content to our brand. It is suitable for short, impactful headlines or taglines that require a bold and recognizable appearance. However, it should be used sparingly to avoid diluting the impact of our primary and secondary fonts.

BrandBook logo in dark on yellow background


Styling type

Proper capitalization and punctuation are important elements in creating effective copy. To ensure consistency in our written communications, we follow a specific editorial style, which is outlined in the following overview. For a more comprehensive guide, refer to our writing guidelines.

Casing

Use sentence case for all copy, except for proper nouns and attributions where title case is appropriate. Avoid setting text in all lowercase, and use all-caps only for eyebrows and buttons.

Random letters engraved to form a wooden pattern

Punctuation

We follow standard punctuation rules for body copy. However, avoid using punctuation in headlines, eyebrows, links, or buttons, unless it is essential for clarity. Additionally, keep the following guidelines in mind:

  • Use "and" instead of ampersands (&) or plus signs (+).

  • Avoid using the Oxford/serial comma.

  • Use en dashes (–) instead of hyphens for ranges of numbers, dates, or times.

  • Don't include spaces around em dashes.

  • Place end punctuation inside closing quotation marks.

Logo font

Our logo font, Lexend Giga, is reserved for special use cases where it is important to attribute the content to our brand. It is suitable for short, impactful headlines or taglines that require a bold and recognizable appearance. However, it should be used sparingly to avoid diluting the impact of our primary and secondary fonts.

BrandBook logo in dark on yellow background


Styling type

Proper capitalization and punctuation are important elements in creating effective copy. To ensure consistency in our written communications, we follow a specific editorial style, which is outlined in the following overview. For a more comprehensive guide, refer to our writing guidelines.

Casing

Use sentence case for all copy, except for proper nouns and attributions where title case is appropriate. Avoid setting text in all lowercase, and use all-caps only for eyebrows and buttons.

Random letters engraved to form a wooden pattern

Punctuation

We follow standard punctuation rules for body copy. However, avoid using punctuation in headlines, eyebrows, links, or buttons, unless it is essential for clarity. Additionally, keep the following guidelines in mind:

  • Use "and" instead of ampersands (&) or plus signs (+).

  • Avoid using the Oxford/serial comma.

  • Use en dashes (–) instead of hyphens for ranges of numbers, dates, or times.

  • Don't include spaces around em dashes.

  • Place end punctuation inside closing quotation marks.

Typography advice

Watch this animated video on typography to enhance your understanding of design language. Whether you're new to typography or just need a refresher, this video covers essential typographic terms and terminology to strengthen your design skills.