Web Guidelines

Colours

.brand-1
.brand-2
.yellow
.blue

.white
.grey-1
.grey-2
.grey-3
.black

Typography

Heading One - AT Sackers Heavy Gothic 90px

Heading Two - AT Sackers Heavy Gothic 62px

Heading Three - AT Sackers Heavy Gothic 40px

Heading Four - AT Sackers Heavy Gothic 30px

Heading Five - AT Sackers Heavy Gothic 22px
Heading Six - AT Sackers Heavy Gothic 18px

Lead Paragraph - Futura 22px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.


Normal Paragraph - Futura 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.


Quotations - Futura 18px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat numquam eius tempora magni asperiores quaerat amet rem corporis deserunt molestias voluptate, cum officia porro sapiente ratione quo laboriosam possimus veniam nihil vel recusandae totam sint omnis? Deleniti et eveniet blanditiis asperiores amet earum omnis facilis? Laudantium eius assumenda vero amet itaque incidunt omnis quae. Rerum aspernatur quidem dicta, laboriosam id.

Unordered List - Futura 18px

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, atque.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, incidunt.
    • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, maxime.
    • Itaque voluptatibus ab minus laboriosam sit accusantium maxime, hic sunt!
    • Velit enim distinctio deleniti fugiat non accusamus ex illo, temporibus.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, omnis?
  • Possimus rem, adipisci. Accusantium voluptates, similique fugit voluptate quisquam unde.

Emphasis - Futura (Faux) Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.

Italic - Futura (faux) Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.


Gift Wrap Fonts

Candy Font

Split Font

Monster Font

Arro Font

Lulu Font

Iconography

Joud

Buttons

Tables

Header Header Header Header
Data Data Data Data
Data Data Data Data
Data Data Data Data
Data Data Data Data
Data Data Data Data

Forms

.subscribe--footer: