Colours

--color-black #000000
--color-dark-black #1d1d1d
--color-light-black #b3b3b3
--color-lighter-black #333
--color-lighter-black-two #555
--color-lighter-white #f6f6f6
--color-light-white #faf7f5
--color-white #FFFFFF
--color-gray #e0e0e0
--color-gray-two #e8e7e6
--color-gray-three #cccccc
--color-light-gray #FAFAFA
--color-dark-gray #b8b8b8
--color-dark-gray-two #b6b6b6
--color-darker-gray-two #aaaaaa
--color-darker-gray #99999
--color-turquoise #3fb8af
--color-light-turquoise #56ad6a
--color-lighter-turquoise #54c63a
--color-dark-turquoise #51ab62
--color-darkest-turquoise #58686f
--color-orange #f3c200
--color-light-orange #f4af29
--color-error #d02e2e
--color-sale-red #ed1b2e

typography

Text styles headings

H1 Title Example

H2 Title Example

H3 Title Example

H4 Title Example

H5 Title Example
H6 Title Example

text Styles | body copy

Body Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Extra Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

text Styles | TAGLINE

Tagline Large

Tagline regular

Tagline small

Buttons & Links

Primary

Secondary

CHECKBOX AND RADIO BUTTON

CHECKBOX ONE

CHECKBOX TWO

RADIO ONE

RADIO TWO

INPUT STYLE

INPUT

SECTION INTRO AND TEXT

Sub heading 1

H3 Title Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi posuere porttitor risus, quis placerat dui tristique sit amet. Cras consectetur mattis efficitur. Nunc vitae iaculis mauris. Integer eu ante arcu. Integer molestie tortor pretium porta bibendum. Morbi commodo sapien et erat ultricies venenatis.

IMAGE

Your cart
x