Style guide

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.

Light
#fafafa
WHITE
Dark
#181818
BLACK
Accent
#8f9cff
Medium slate blue
Neutral
#dddddd
DARK GRAY
Neutral
#2D5E57
LIGHT SEA GREEN
Heading 1

Heading1 - 500 -

Heading 2

Heading2 - 500 -

Heading 3

Heading3 - 500 -

Heading 4

Heading4 500 - 1,3rem

Heading 5
Heading5 500 - 0,9rem
Heading 6
Heading6 500 - 0,8rem
Paragraph

PARAGRAPH 300 light - 1rem 1,6-
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.

Quote
Block Quote – Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
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

Link
Primary Button
Primary Button
Secondary 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.