Enlight Styleguide

Color

Green

text-blue
bg-blue

Green Dark

text-blue-dark
bg-blue-dark

Blue

text-blue-light
bg-blue-light

Blue Dark

text-blue-tint
bg-blue-tint

Yellow

text-blue-tint
bg-blue-tint

Black

text-900
bg-900

300

text-300
bg-300

200

text-200
bg-200

100

text-100
bg-100

White

text-white
bg-white

Buttons

Contact us
Contact us
Contact us
Contact us
Contact us
Contact us
Contact usContact us

Shadows

Small Shadow
Medium Shadow
Large Shadow

Typography

display

Heading

heading-1

Heading

heading-2

Heading

heading-3

Heading

heading-4

Heading

heading-5
heading-5 eyebrow text-blue
Heading
Eyebrow
heading-6
heading-6 eyebrow text-blue
Heading
Eyebrow
paragraph text-lg

This is normal paragraph text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus mauris a diam maecenas sed. Ultricies mi quis hendrerit dolor magna eget. Id nibh tortor id aliquet lectus. Turpis egestas sed tempus urna et pharetra pharetra massa massa.

paragraph font-bold text-lg

This is bold paragraph text.


paragraph italic text-lg

This is italic paragraph text

paragraph

This is normal paragraph text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus mauris a diam maecenas sed. Ultricies mi quis hendrerit dolor magna eget. Id nibh tortor id aliquet lectus. Turpis egestas sed tempus urna et pharetra pharetra massa massa.

paragraph font-bold

This is bold paragraph text.


paragraph italic

This is italic paragraph text

paragraph text-sm

This is normal paragraph text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus mauris a diam maecenas sed. Ultricies mi quis hendrerit dolor magna eget. Id nibh tortor id aliquet lectus. Turpis egestas sed tempus urna et pharetra pharetra massa massa.

paragraph font-bold text-sm

This is bold paragraph text.


paragraph italic text-sm

This is italic paragraph text

paragraph text-xs

This is normal paragraph text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus mauris a diam maecenas sed. Ultricies mi quis hendrerit dolor magna eget. Id nibh tortor id aliquet lectus. Turpis egestas sed tempus urna et pharetra pharetra massa massa.

paragraph font-bold text-xs

This is bold paragraph text.


paragraph italic text-xs

This is italic paragraph text