Style Guide
Typography
Titillium Web Bold is the font used for Headings
Raleway Normal is the font used for Text
The different text sizes used throughout the site.
h1
Heading H1
h2
Heading H2
h3
Heading H3
h4
Heading H4
h5
Heading H5
h6
Heading H6
Large Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Small Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
List
- Heading line height is fixed
- All buttons now have tooltips
- Spell checker number issue fixed
- Heading line height is fixed
- All buttons now have tooltips
- Spell checker number issue fixed
Link
More about meLogo - SVG
SVG står for Scalable Vector Graphics og er et vektorbasert bildeformat som brukes til å representere grafikk og bilder på en måte som tillater dem å skalere og tilpasse seg uten å miste kvalitet eller klarhet.
Logo - PNG
PNG står for Portable Network Graphics, og er et bildeformat som brukes til å lagre rasterbilder med høy kvalitet og gjennomsiktighet.
Colors
The different weights of greys and colours used throughout the website.
#ffffff
#244030 80
#729b58
#e0a423
#3b6149
#244030
Text Boxes
Boxes for text elements throughout the website, e.g for a section header.
400px
500px
600px
700px
800px
Spacers
Spacer elements using the 8-pt system to give sections more room to breathe.
16 px
24 px
32 px
48 PX
64 PX
80 PX
96 PX
128 PX
Buttons
The different types of buttons used throughout the website.
Grids
Different grid layouts to use across your site
4 Grid
3 Grid
2 Grid
2-1 Grid
1-2 Grid
Icons
Icons used across the website taken from Icon8.
Forms
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.