Styleguide

Typography

Hero

Heading 1 connecting blahdslfkj slkdfj skdjf sdkfl sdjf ksdfjsdkfj ksdjf skdj fksjd fkjdsf

Heading 2 sldkfj sdlkfj lsdkfj lsdkj flskdjf klsdjf lksdj flksj dflkj sdflkj s sdflkjs dflj sldfk jlksd jflksdjflksjdflkjsdlfkjsldkfjlskjdf

Heading 3 sldkfj slkdfj slkdjf lksdjf lksdj flksjdf lkdsjf lksjd flkjsdflkjds lfkj sdklf jsdlkfj skldf jklsd flksdf jklsdj flksdj flksdj flksdj flksjd f

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.

Buttons and links

Components

Colours

Background Light Steel Blue
Background Plum
Rosy Brown
Tan
Pale Goldenrod Yellow
Pale Goldenrod Green
Dark Sea Green
Powder Blue
White Smoke
Light Grey
Black
Black grey
Text Light Steel blue
Text Plum
Text Rosy Brown
Text Tan
Text Pale Goldenrod Yellow
Text Pale Goldenrod Green
Text Dark Sea Green
Text Powder Blue
Text White Smoke
Text Light Grey
Text Black
Text Black Grey

Gradients

Placeholder Graphics

Hero

Hero

Hero

Hero