01. Colors02. Headings03. Body/Paragraphs04. Buttons05. Forms06. Components
Style Guide

01 Typography

Cera Pro

02 Color Palette

.bg-primary
.bg-secondary
.bg-white
.bg-black

03 Text Color

.t-primary

.t-secondary

.t-white

04 Headings

Heading 1 (.hero-title)

Hero Sub Title / Text (.hero_sub-title)
Section Sub Title

Heading 1 (.section-title)

Heading 2 (.h2-title)

Heading 3 (.h3-title)

Heading 4 (.h4-title)

Heading 5 (.h5-title)

05 Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

06 Text Alignments

Text Center Alignment (.t-left)

Text Center Alignment (.t-center)

Text Right Alignment (.t-right)

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

07 Blog Rich Text Editor

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.

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