The Stylebook

The Stylebook is a simple styleguide template you can use for your next project. Nail the basics and you will get no problems later on in your project.

Accent
#ef2229
#fdcd09
AAA
Cobalt
#03216d
AAA
Blue
#1951a4
AAA
Yellow
#fdcd09
AAA
Red
#ef2229
AAA
Grey
#f1f1f1
AAA
Heading 1

Ligula Vehicula

Heading 2

Ligula Vehicula

Heading 3

Ligula Vehicula

Heading 4

Ligula Vehicula

Heading 5
Ligula Vehicula
Heading 6
Ligula Vehicula
Sub-heading

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.

Paragraph

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.

Unordered List
  • Lorem ipsum dolor sit amet

  • Duis cursu mi quis viverra ornare

  • Suspendisse varius enim in eros elementum

Unordered List
  1. Lorem ipsum dolor sit amet

  2. Duis cursu mi quis viverra ornare

  3. Suspendisse varius enim in eros elementum

Quote
Block Quote – Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Text Input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
radio button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Primary Button
Primary Button
Secondary Button
Secondary Button
Tertiary Button
Secondary Button →
Accordion
Adipiscing Egestas Tristique Purus

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.