Styleguide

This style guide page contains styles and components used through the website.
You can change any style from this page and it will be updated throughout the site.

I. Type face & Color Palette

A. Typeface
The font used in this template is Switzer, available on Fontshare. It's free to use for personal & commercial projects.
You can download it here
B. Color Palette
Dim Grey
#6b6b6b
Light Grey
#e2e2e2
White
#ffffff

II. Text Elements

A. Headings
display 1
Properties : 18.2VW - 100%

Heading 1

Properties : 4.5REM - 100%

Heading 2

Properties : 2.625REM - 100%

Heading 3

Properties : 2.125REM - 100%

Heading 4

Properties : 1.75REM - 100%
Heading 5
Properties : 1.5REM - 100%
Heading 6
Properties : 1.25REM - 100%
B. Rich Text Element

Nam quaerat cumque et ipsa suscipit ea laudantium autem

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil.

Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit ea laudantium autem et molestiae voluptatibus. In natus eveniet qui reiciendis sequi a dolorem accusantium!

Nam quaerat cumque

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil.

Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit ea laudantium autem et molestiae voluptatibus. In natus eveniet qui reiciendis sequi a dolorem accusantium!

Nam quaerat cumque et ipsa suscipit ea laudantium autem

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil.

Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit ea laudantium autem et molestiae voluptatibus. In natus eveniet qui reiciendis sequi a dolorem accusantium!

Lorem ipsum sim dolor amet nec consegir

Nam quaerat cumque et ipsa suscipit ea laudantium autem

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil. Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit

Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil. Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit

Nam quaerat cumque et ipsa suscipit ea laudantium autem

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil. Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit

Nam quaerat cumque et ipsa suscipit ea laudantium autem

Lorem ipsum dolor sit amet. Aut praesentium molestiae sit amet consectetur id consequuntur velit et enim asperiores aut molestias ratione sit molestias iste in galisum maiores! Sit quibusdam omnis cum perferendis officia et molestiae beatae hic dolores architecto. Sit sunt a beatae nemo qui assumenda itaque ex harum delectus ea magnam voluptatem. Hic error cumque aut reiciendis molestias ut voluptas consectetur et corrupti nihil. Et molestias atque et repellat repellat est quasi aliquid ut maiores sunt et eaque nihil et vero dolor rem ullam cumque. Nam quaerat cumque et ipsa suscipit

C. Useful Text Classes

Default Paragraph

Text Size Large

Text Size Small

Text Size Small

Text Align Center

Text Align Center

Text Align Right

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.

III. Buttons

Oval Button
Hypertext Link
Oval Button

Discover all of our articles

See all articles
See all articles

authors

          Lorem ipsum dolor sit amet. Non consequuntur officia a rerum velit eum ratione labore est error commodi. Eos autem illo ut vitae voluptatem eos libero totam quo dignissimos deserunt est placeat facere non dicta.
Faces behind
the words
Arwen
Pittman

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Mariya
Nielsen

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Colby
Ramirez

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Cataleya
Guevara

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Samanta
Dodd

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Kamal
Esparza

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Dustin
Black

Lorem ipsum dolor sit amet. Qui quos pariatur aut veniam inventore ex dolorum consequatur ea consequatur assumenda.

See profile
See profile
Contact
Us
Fill in the form, and we’ll get back to you as soon as possible
Your message has been send ! Thanks :)
Oops! Something went wrong while submitting the form. Try again later
Button Text