Template

Style Guide

A style guide is a set of standards for writing and design, ensuring consistency and clarity across website.

01

Colors

Colors specify the exact shades to be used for branding, ensuring a consistent visual identity across all materials.

Black

Gray

White 15%

White 51%

White

Orange

Orange 30%

02

Typography

Typography outlines specific fonts, sizes, and styles to be used for written content, maintaining a cohesive look.

4 Rem
3 Rem
2 Rem
1.5 Rem
1.25 Rem
1 Rem

H1

H2

H3

H4

H5
H6

Body L

Body N

Body S

03

Rich Text

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.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum vestibulum nisi, sed cursus nisi suscipit sed. Aliquam viverra lectus nec velit condimentum, quis pharetra lectus dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas!"

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript