Ahava
Style Guide

Colours.

  • Dark Grey
  • Medium Grey
  • Light Grey
  • White
  • Gold
  • Light Beige
  • Teal
  • Light Blue

Typography.

Heading 1

Heading 2

Heading 3

Heading 4

Paragraph

Grid.

Grid System.
  1. 80px
  2. 40px
  3. 20px

Spacing.

Spacing System.
  1. 10px
  2. 20px
  3. 40px
  4. 80px
10px
20px
40px
80px
10px
20px
40px
80px

Forms.

Variants and States.

Empty

Active

With Icon

Error

Disabled

Checkbox

Select

Cards.

Card Variants.
  1. Base
  2. Primary
  3. Secondary

Base (hoverless)

ahava Dead Sea Osmoter X6 Facial Serum Dead Sea Crystal Osmoter™ X6 Serum Sold Out

Dead Sea Crystal Osmoter™ X6 Serum

1 fl.oz / 30 ml

€70

Base (Sale)

Primary

ahava Dead Sea Osmoter X6 Facial Serum Dead Sea Crystal Osmoter™ X6 Serum Sold Out

Dead Sea Crystal Osmoter™ X6 Serum

1 fl.oz / 30 ml

Primary (Sale)

Secondary

ahava Dead Sea Osmoter X6 Facial Serum Dead Sea Crystal Osmoter™ X6 Serum

Serum

Dead Sea Crystal Osmoter™ X6 Serum

1 fl.oz / 30 ml

Secondary (Sale)

Icons.

All icons at 30px width.

Aquatic

Arrow Left

Bag

Chat

Chatboxes

Check

Chevron Right

Close

Facebook

Flag

Floral

Fresh

Fruity

Gel Cream

Green

Instagram

Loading

Lock

Menu

Mini-Close (with toggleable bg)

Mini-Menu (with toggleable bg)

Parcel

Perfume Free

Pinterest

Quiz Camera

Quiz

Rich Cream

Search

Serum

Reset

Illustrations.

Quiz Illustration