Style Guide

All graphical assets in this template are licensed for personal and commercial use. If you’d like to use a specific asset, please check the license below

STYLE GUIDE
Colors
Typography
UTILITY
Buttons
Rich Text Element
Note: Change the colors through the swatches panel. This will change all locations where the color is used on the website. You can learn more about global swatches on the Webflow University.
Gray 900
Gray 800
Gray 700
Gray 600
Gray 500
Gray 400
Gray 300
Gray 200
Gray 100
WHITE
Green 900
Green 600
Green 300
Green 100
Purple 900
Purple 600
Purple 400
Purple 100
Headings

Any edits here will apply to all reflective elements across the site.

Display Heading
Size: 120px

The quick brown fox jumps over the lazy dog

H1 Heading
Size: 64px

The quick brown fox jumps over the lazy dog

H2 Heading
Size: 56px

The quick brown fox jumps over the lazy dog

H3 Heading
Size: 48px

The quick brown fox jumps over the lazy dog

H4 Heading
Size: 40px

The quick brown fox jumps over the lazy dog

H5 / H5 Title
Size: 32px
The quick brown fox jumps over the lazy dog
Heading / Large
Size: 24px
The quick brown fox jumps over the lazy dog
Heading / XSmall
Size: 12px
The quick brown fox jumps over the lazy dog
Heading / Small
Size: 14px
The quick brown fox jumps over the lazy dog
Heading / Normal
Size: 18px
The quick brown fox jumps over the lazy dog
Paragraph / Body

Any edits here will apply to all reflective elements across the site.

Paragraph Large / Normal
20px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Large / Bold
20px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Regular / Normal
18px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Regular / Bold
18px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Small / Normal
16px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Small / Bold
16px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Caption
14px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Buttons

For additional information, please visit the Webflow University

Button Default
Download CV
Submit Now
Rich Text Field

For additional information, please visit the Webflow University

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus scelerisque nulla accumsan massa sollicitudin, quis sollicitudin odio accumsan. Nunc pulvinar, enim nec vestibulum sagittis, felis risus faucibus magna, vitae vulputate dui nisi ut nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus scelerisque nulla accumsan
Why do we use it?

Aenean varius maximus elementum. Pellentesque purus diam, convallis quis dolor in, tincidunt iaculis eros. Morbi vestibulum viverra risus vel consectetur. In porttitor ut mi at malesuada.

Proin nibh dui, interdum in purus gravida, vehicula interdum odio. Sed laoreet magna non lectus congue lobortis. Pellentesque nisi dolor, eleifend id blandit sit amet, posuere quis mauris. Nulla bibendum justo a suscipit ullamcorper

Pellentesque purus diam, convallis quis dolor in, tincidunt iaculis eros. Morbi vestibulum viverra risus vel consectetur. In porttitor ut mi at malesuada.

  • • Example Feature Point
  • • Example Feature Point
  • • Example Feature Point
Why do we use it?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus scelerisque nulla accumsan massa sollicitudin, quis sollicitudin odio accumsan. Nunc pulvinar, enim nec vestibulum sagittis, felis risus faucibus magna, vitae vulputate dui nisi ut nunc.

Mauris non imperdiet tortor. Fusce et risus nec est tristique ultrices id in dolor.

Where does it come from??

Aenean varius maximus elementum. Pellentesque purus diam, convallis quis dolor in, tincidunt iaculis eros. Morbi vestibulum viverra risus vel consectetur. In porttitor ut mi at malesuada.

Proin nibh dui, interdum in purus gravida, vehicula interdum odio. Sed laoreet magna non lectus congue lobortis. Pellentesque nisi dolor, eleifend id blandit sit amet, posuere quis mauris. Nulla bibendum justo a suscipit ullamcorper

  • • Example Feature Point
  • • Example Feature Point
  • • Example Feature Point

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus scelerisque nulla accumsan massa sollicitudin, quis sollicitudin odio accumsan. Nunc pulvinar, enim nec vestibulum sagittis.

The standard chunk

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus scelerisque nulla accumsan massa sollicitudin, quis sollicitudin odio accumsan. Nunc pulvinar, enim nec vestibulum sagittis, felis risus faucibus magna, vitae vulputate dui nisi ut nunc.

Subscribe to our newsletter
Style Guide
Licence
Changelog

© Dune by Flowbase.co & powered by Webflow