Style Guide

This is a set of guidelines and strategies to help you build Webflow websites.

Typography

This template style guide adopts a sleek and modern design by utilizing a single font. This font is carefully selected to achieve a professional and sophisticated aesthetic, ensuring that the website exudes a consistent and cohesive look throughout.

Montserrat

The primary font is Montserrat. You can download the webfont in the link bellow. Please use the WOFF and WOFF2 format for better performance.

Heading Styles

Heading 1

Sample

Heading 2

Sample text

Heading 3

Sample text

Heading 4

Sample text

Heading 5
Sample Text
Heading 6
Sample Text

Text Classes

Text Size huge

Sample

Text Size XLarge

Sample Text

Text Size Large

Sample Text

Text Size Medium

Sample text

Text Size Regular

Sample Text

Text Size Small

Sample Text

Paragraph Classes

Paragraph Large

Sample Text

Paragraph Regular

Sample Text

Paragraph Small

Sample Text

Text Weights

Text Weight Bold
Sample Text
Text Weight Medium
Sample Text
Text Weight Regular
Sample Text
Text Weight Light
Sample Text

Text Style

Text Style Justify
Sample Text
Text Style Italic
Sample Text

Color Palette

Black
White
Orange

Rich Text

Rich Text

Heading 1 Rich Text

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Profile Image
Excepteur sint occaecat

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  1. Lorem ipsum
  2. Lorem ipsum
What’s a Rich Text element?

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • Lorem ipsum
  • Lorem ipsum