Design System

Text 01
Text 02
Text 03
Text 04
Text 05
Text 06
Text 07
Text 08
Text 09
Text 10



heading 01
heading 02
heading 03
heading 04
heading 05
heading 06
heading 07



h1

h2

h3

h4

h5
h6

Spacing Scale

  • 1 1
  • 2 2
  • 3 3
  • 4 4
  • 5 5
  • 6 6
  • 7 7
  • 8 8
  • 9 9
  • 10 10
  • 11 11
  • 12 12

Heading 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!

Heading 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!

Heading 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!

Heading 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Est voluptates vitae labore blanditiis earum, debitis veritatis velit ex in numquam. A at eveniet tempore labore distinctio, blanditiis ex. Exercitationem, voluptates!


Text component Un-ordered List

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Text component Ordered List

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

Mazda Type Regular

Mazda Type Regular Italic

Mazda Type Medium

Mazda Type Medium Italic

Mazda Type Bold

Mazda Type Bold Italic

Fig.1 - Trulli, Puglia, Italy
Small Text

Default Un-ordered List

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Default Ordered List

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

Bullet un-ordered List

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Fig.1 - Trulli, Puglia, Italy

Buttons

Box Shadows

Default Box Shadow 10

Default Box Shadow 20

Default Box Shadow 40

Default Box Shadow 60

Default Box Shadow 100

Dark Box Shadow 10

Dark Box Shadow 20

Dark Box Shadow 40

Dark Box Shadow 60

Dark Box Shadow 100

Aspect Ratios

Aspect Ratio 2:1
Aspect Ratio 16:9
Aspect Ratio 3:2
Aspect Ratio 4:3
Aspect Ratio 1:1
Aspect Ratio 2:3

Primary Colours

Accent
Black
Dark Gray
Border Gray
Medium Gray
Light Gray

Secondary Colours

SAPPHIRE
DEEP OCEAN
STEEL
ONYX
TOPAZ
CHALK GRAY
PEARL GRAY
SANDSTONE
MICA
COPPER
JADE GREEN
EMERALD

Your Bag

Login

We Think You'll Also Love...