Antigua Style Guide

Colors

17252A
F1EFE4
A85941
FF7C53
347B55
B9FF98

Fonts

Basis Grotesque Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()_+

Akkurat Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()_+

Typography

H1 Basis Grotesque Bold

Font Size: 90px

Line Height: 90px

Letter Spacing: -0.02em

Mobile H1 Basis Grotesque Bold

Font Size: 34px

Line Height: 40px

Letter Spacing: -0.01em

H2 Basis Grotesque Bold

Font Size: 60px

Line Height: 40px

Letter Spacing: -0.02em

Mobile H2 Basis Grotesque Bold

Font Size: 28px

Line Height: 34px

Letter Spacing: -0.01em

H3 Basis Grotesque Bold

Font Size: 24px

Line Height: 32px

Letter Spacing: -0.01em

Mobile H3 Basis Grotesque Bold

Font Size: 24px

Line Height: 32px

Letter Spacing: -0.01em

H4 Basis Grotesque Bold

Font Size: 20px

Line Height: 32px

Letter Spacing: -0.01em

H4 Basis Grotesque Bold

Font Size: 20px

Line Height: 32px

Letter Spacing: -0.01em

H5 Basis Grotesque Bold

Font Size: 18px

Line Height: 20px

Letter Spacing: -0.01em

Mobile H5 Basis Grotesque Bold

Font Size: 18px

Line Height: 20px

Letter Spacing: -0.01em

H6 Basis Grotesque Bold

Font Size: 14px

Line Height: 20px

Letter Spacing: 0em

Mobile H6 Basis Grotesque Bold

Font Size: 14px

Line Height: 20px

Letter Spacing: 0em

P1 Akkurat Regular

Font Size: 14px

Line Height: 25px

Letter Spacing: 0em

P1 Akkurat Regular

Font Size: 14px

Line Height: 25px

Letter Spacing: 0em

P2 Akkurat Regular

Font Size: 18px

Line Height: 24px

Letter Spacing: 0em

P2 Akkurat Regular

Font Size: 18px

Line Height: 24px

Letter Spacing: 0em

CTAs / Buttons

Button Regular

Shop Now
  • 50px x 110px (may vary)
  • Color Fill: #FF7C53
  • Color: #000000
  • Font: Akkurat Regular
  • Font Size: 15px

Button Regular Hover

Shop Now
  • Color Fill: #DD6A46

Button Alt Color

Shop Now
  • 50px x 115px (may vary)
  • Color Fill: #B9FF98
  • Color: #000000
  • Font: Akkurat Regular
  • Font Size: 15px

Button Alt Color Hover

Shop Now
  • Color Fill: #A5E387

Button Transparent

  • border: 1.25px Solid #000000
  • Color: None
  • Font: Akkurat Regular
  • Font Size: 15px

Button Transparent Hover

  • Color Fill: #FFFFFF
  • Color: #000000

Button Small

Shop Now
  • 40px x 90px (may vary)
  • Color Fill: #FF7C53
  • Color: #000000
  • Font: Akkurat Regular
  • Font Size: 12px

Button Small Hover

Shop Now
  • Color Fill: #DD6A46

Button Small Alt Color

Shop Now
  • 40px x 90px (may vary)
  • Color Fill: #B9FF98
  • Color: #000000
  • Font: Akkurat Regular
  • Font Size: 12px

Button Alt Small Color Hover

Shop Now
  • Color Fill: #A5E387

Text Link

Text Link
  • Color: #17252A
  • Text Decoration: Underline 1.25px
  • Font Size: 12px

Text Link Hover

Text Link
  • Color Fill: #FF7C53

UI Elements

Input fields

Required Field!

Email Form Newsletter

Drop Down Form

Checkbox

Arrows

Slider Dots

Radio Buttons

Review Stars

Qty Selector

Size Selector

Color Variant Selector

Misc