Style Guide

JEWELIX - Jewellery Website Template

Welcome to our Jewelix Template Style Guide, where we outline the design principles, typography, colors, and imagery that define our brand's visual identity. This guide ensures a consistent and cohesive online experience for our visitors and customers. Let's delve into the details:

Color

Primary Color

Primary color
#AE8B0D

Secondary Color

Secondary color
#FFFCF5

Neutral Color

Neutral 1
#A4A4A4
Neutral 2
#848484
Neutral 3
#6C6C6C
Neutral 3
#9D9D9D
Neutral 3
#4F4427
Neutral 3
#595959

Typography

Display 1

Instrument serif - Normal
56px/56px

Display 2

Instrument serif - Normal
48px/48px

Display 3

Instrument serif - Normal
34px/34px

Display 4

Instrument serif - Normal
28px/28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - Lato - Normal
18px/32px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Medium - Lato - Normal
16px/26px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Small - Lato - Normal
14px/28px

Buttons

Default Button
Button Text
Primary Button
Button Text
Secondary Button
Button Text
Outline Button
Button Text

Icons

IconIconIcon