> Design Style Guide

Colour

Primary (#D5AA00)

Secondary (#EFEFEF)

Text (#000000)

Accent (#7D7D7D)

White (#FFFFFF)

Gray (#C3C3C3)

Black (#000000)

Typography

Headings

H1 Heading: Marcellus 4em

H2 Heading: Marcellus 3em

H3 Heading: Marcellus 2.5em

H4 Heading: Marcellus 1.9em

H5 Heading: Marcellus 1.5em
H6 Heading: Marcellus 1.2em

Body text

Body text (and default text) is set in EB Garamond 1.1em.

Lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta. Vestibulum ac a link looks like this elementum sed sit amet dui. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, this is some bold text. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero malesuada feugiat this text is italicised. Curabitur aliquet quam id dui posuere blandit. Donec rutrum congue leo eget malesuada.

Lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta. Vestibulum ac this is another link

elementum sed sit amet dui. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. This text is underlined praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. This text is struck through. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

Text elements

A blockquote:

This is a blockquote donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

An unordered (bulleted) list:

  • An unordered (bulleted) list
  • Mauris blandit aliquet elit
  • eget tincidunt nibh pulvinar a
  • Quisque velit nisi, pretium ut lacinia in, elementum id enim.
  • Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.

An ordered (numbered) list:

  1. An ordered (numbered) list
  2. Mauris blandit aliquet elit
  3. eget tincidunt nibh pulvinar a
  4. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
  5. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.

Other elements

Buttons

Form fields

An HTML field for providing formatted content in the form, if required.