Design guide

Logos

luxefinejewelers
luxefinejewelers
luxefinejewelers

Buttons

Light

Default

Link

Hover

Link

Dark

Default

Link

Hover

Link

Fonts - Desktop

Heading

Cambon

Body/Accent

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Type Size Line H. Letter Sp. Weight Case
H1 50 120% 0% Light Default
H2 32 120% 0% Light Default
H3 24 120% 0% Light Default
H4 20 120% 0% Light Default
Paragraph lg 18 150% 0% Reg/Med/SmBd Default
Paragraph md 16 150% 0% Reg/Med/SmBd Default
Paragraph sm 14 150% 0% Reg/Med/SmBd Default
Accent 14 120% 0% Medium Uppercase

Colors

Base

  • background
  • heading
  • text
  • link
  • link-hover
  • border

Primary Button

  • button-primary-bg
  • button-primary-text
  • button-primary-border
  • button-primary-hover-bg
  • button-primary-hover-text
  • button-primary-hover-border

Secondary Button

  • button-secondary-bg
  • button-secondary-text
  • button-secondary-border
  • button-secondary-hover-bg
  • button-secondary-hover-text
  • button-secondary-hover-border

Base

  • background
  • heading
  • text
  • link
  • link-hover
  • border

Primary Button

  • button-primary-bg
  • button-primary-text
  • button-primary-border
  • button-primary-hover-bg
  • button-primary-hover-text
  • button-primary-hover-border

Secondary Button

  • button-secondary-bg
  • button-secondary-text
  • button-secondary-border
  • button-secondary-hover-bg
  • button-secondary-hover-text
  • button-secondary-hover-border

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.