Style Guide

Colors

The Style Guide defines the core visual elements of the template, ensuring a consistent and polished design across all pages. It includes typography, colors, spacing, and UI components.

Primary Color

#7FFF39

Secondary Color

#032F42

Dark Color

#032F42

Fonts

The word font refers to a set of printable or displayable typography or text characters in a specific style and size. Font styles are used in both print and digital text.

Aa

700 Bold Text

300 Light Text

Heading 01

Heading 1 - 72px

Heading 02

Heading 2 - 60px

Heading 03

Heading 3 - 48px

Heading 04

Heading 4 - 40px

Heading 05

Heading 5 - 32px

Heading 06

Heading 6 - 24px

The Style Guide defines the core visual elements of the template, ensuring a consistent and polished design across all pages. It includes typography, colors, spacing, and UI components.

Normal Paragraph

Rich Text

A rich text element (RTE) is the perfect element for creating long-form content for blog posts, about pages, biographies — you name it. Instead of adding individual heading, paragraph, list, or image elements, you can double click into a rich text element to create these different content elements directly.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

The Style Guide defines the core visual elements of the template, ensuring a consistent and polished design across all pages. It includes typography, colors, spacing, and UI components.

a woman is cleaning a kitchen sink with a rag
Block quote

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

Buttons

The button tag defines a clickable button. Inside a button element you can put text.