Colors

$primary1, #368638

$primary2, #8BB22E

$neutral2, #636363

$neutral3, #575756

Headings & Body Text

Heading 1 - 3.4285em, 48px, weight: 300

Heading 2 - 2.1428em, 30px, weight: 700

Heading 3 - 1.7142em, 24px, weight: 700

Heading 4 - 1.7142em, 24px, weight: 300

Heading 5 - 1.1428em, 16px, weight: 700

Body text - 1em, 14px, weight: 400

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.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare lorem ut velit fermentum tempor ac in erat. Quisque bibendum interdum sem, quis vulputate sapien egestas vitae. Ut eu libero et ipsum dignissim tincidunt sit amet sed dui. Morbi iaculis erat sagittis elit pellentesque posuere. Phasellus ligula metus, posuere ac dolor in, imperdiet commodo dui. Etiam imperdiet odio nec tellus tempus faucibus. Nulla quis purus felis. Maecenas rhoncus pharetra velit quis hendrerit. Morbi tincidunt lobortis diam, in bibendum nulla malesuada non.

Nullam vitae bibendum tortor. Aenean eu sodales arcu. In vestibulum, justo sit amet placerat faucibus, turpis purus iaculis dui, pharetra bibendum libero arcu sit amet ligula. Vestibulum rhoncus nibh vel urna consequat, at lacinia mi consectetur. Cras erat sapien, ultrices eget nibh sit amet, maximus pretium tortor. Morbi vitae gravida augue, eu molestie urna. Sed malesuada tristique diam ut scelerisque. Cras ornare, ligula sit amet condimentum faucibus, enim ligula luctus sapien, eu sagittis tortor urna vel lorem. Phasellus euismod id nulla aliquet molestie. Vivamus eleifend enim eu justo consectetur varius. Morbi a nunc in sem facilisis efficitur a vel urna. Nunc ut consectetur ligula. Curabitur neque ipsum, mollis in massa et, aliquam pharetra magna. Vivamus vitae laoreet urna. Nam rutrum nunc sed ex maximus, vitae faucibus enim dignissim. Maecenas ut viverra tortor.

Nam vitae ex sit amet tellus faucibus iaculis vitae in nulla. Morbi vulputate ante et nisi ullamcorper tincidunt. Integer non dictum leo. Sed blandit elit at ligula vulputate pharetra. Sed pellentesque mollis nibh sit amet fermentum. Vestibulum eu dolor posuere, pharetra mauris non, iaculis est. Nunc euismod arcu lacus, at porta nisl ornare et. Integer vitae vulputate leo.

Aenean vel dui non leo pulvinar venenatis. Aliquam malesuada enim non quam facilisis, eget gravida orci eleifend. Quisque auctor, orci vel molestie rhoncus, urna lacus porttitor arcu, et interdum erat massa et nulla. Fusce lobortis erat eget nibh pretium semper. Aliquam viverra est imperdiet erat iaculis elementum. Duis rhoncus enim in augue eleifend malesuada quis ut dui. Ut mollis nibh tempor neque tempus aliquam eu et arcu.

Suspendisse sit amet vehicula sapien. Fusce suscipit nisi ut odio egestas consectetur sit amet eu risus. Cras ut quam nec diam mattis ornare nec vitae ligula. Sed eleifend enim velit, at fringilla leo volutpat pretium. Aenean pharetra imperdiet orci, id dapibus urna rhoncus ut. Phasellus tristique auctor arcu sit amet scelerisque. Duis euismod, lacus nec maximus semper, quam massa pellentesque leo, maximus tincidunt magna tellus at sapien. Proin faucibus consectetur tellus et vestibulum. Praesent metus tellus, sollicitudin quis magna nec, vestibulum mollis tellus. Aliquam erat volutpat. Etiam lacinia elementum mauris nec lobortis. Vivamus consequat iaculis nunc, ac bibendum nulla facilisis in.

Buttons

Using button elements



Using anchor elements

Button content Button content Button content Button content

With icons

Button content Button content Button content Button content

With coloured icons

Button content Button content Button content Button content

Icons