Colours.
-
Dark Grey
-
Medium Grey
-
Light Grey
-
White
-
Gold
-
Light Beige
-
Teal
-
Light Blue
Ahava
Style Guide
Typography.
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph
Buttons.
Each is rendered as a button and as an anchor where possible.
Grid.
Grid System.
- 80px
- 40px
- 20px
Spacing.
Spacing System.
- 10px
- 20px
- 40px
- 80px
10px
20px
40px
80px
10px
20px
40px
80px
Forms.
Variants and States.
Empty
Active
With Icon
Error
Disabled
Checkbox
Select
Cards.
Card Variants.
- Base
- Primary
- Secondary
Base (hoverless)
Base (Sale)
Primary
Primary (Sale)
Secondary
Serum
Crystal Osmoter™ X6 Serum
1 fl.oz / 30 ml
Secondary (Sale)
Icons.
All icons at 30px width.