Colour Palette

View in Zeplin

G-Shock

  • @color-black
  • @color-purple-brown
  • @color-purplish-brown
  • @color-charcoal-grey
  • @color-cool-grey
  • @color-mid-grey
  • @color-light-grey
  • @color-white
  • @color-lipstick
  • @color-rouge

Brand Colours

  • @color-facebook
  • @color-instagram
  • @color-twitter
  • @color-youtube

Category Colours

  • @color-ocean-blue
  • @color-yellow-brown
  • @color-sienna
  • @color-warm-grey
  • @color-greyish-brown
  • @color-charcoal-grey
  • @color-fern-green
  • @color-steel-blue

Component Colours

  • @color-fountain-blue
  • @color-iron

Typography

View in Zeplin

Heading 1

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Heading 2

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Heading 3

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Heading 4

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Heading 5

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Body

ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

Label 1

Label 2

Specs

CTA

View in Zeplin

Large Primary

Large Secondary

Small Primary

Small Secondary

Underline Primary

Underline Secondary

PDF Manual

Multi-Option Filter (MOF)

Inputs

Personal Information
Please enter a valid email address.

Collapsible

Have a Promo Code or Gift Card?

Contents...

Messages

This is an info message
This is an error message
This is a warning message
This is a notice message
This is a success message