Style Guide

Colors

Light Text and Background
Form Inputs
Dark Text and Background
Links and Buttons

Typography

Aa
Titles: Frank Ruhl Libre
Aa
Body Text: Free Sans
Aa
All Caps Text: Oswald

Titles

The quick brown fox jumps over the lazy dog

H1 55px Frank Ruhl Libre Medium

The quick brown fox jumps over the lazy dog

H2 46px Frank Ruhl Libre Medium

The quick brown fox jumps over the lazy dog

H3 36px Frank Ruhl Libre Medium

The quick brown fox jumps over the lazy dog

H4 27px Frank Ruhl Libre Medium
The quick brown fox jumps over the lazy dog
H5 21px Free Sans Bold
The quick brown fox jumps over the lazy dog
H6 16px Free Sans Bold

Paragraphs, Quotes, and Lists

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.

Paragraph 20px Free Sans Regular
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.
Quote 20px Free Sans Regular
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
List 20px Free Sans Regular
Text Link
Link 20px Free Sans Bold

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.

Italic 20px Free Sans Regular

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.

Bold 20px Free Sans Bold

Get Started

Kickstart your next project and amaze your readers with this elegan, beautifully crafted template.
Buy This Template
Lisa Buyer Header image