Style Guide 1.0

Branding

Logo

logo

Favicon

favicon

Moodboard

moodboard

Colors

Dark Blue

HEX: #1a1e4e

R26 G30 B79

C100 M97 Y38 K37

Green

HEX: #dbd701

R219 G215 B1

C18 M5 Y100 K0

Aqua

HEX: #4ee3cf

R78 G227 B207

C55 M0 Y29 K0

Yellow

HEX: #ffcd20

R225 G205 B32

C1 M18 Y95 K0

Neon Pink

HEX: #ff2c5b

R225 G44 B91

C0 M93 Y51 K0

Orange

HEX: #ffb21d

R225 G178 B29

C0 M34 Y97 K0

Font Families

Accent Font

Font Family: Hello Beautiful

Aa
Hello Beautiful

Heading Font

Font Family: Montserrat Semi

Aa

Montserrat Semi

Body Font

Font Family: Lato

Aa

Raleway

Typography

Heading 1

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Montserrat Semi
Normal
30px
1.1em
#121e1e
Sentence

The quick brown fox jumps over the lazy dog

Heading 2

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Lato
Normal
30px
1.1em
#121e1e
UPPERCASE

The quick brown fox jumps over the lazy dog

Heading 3

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Lato
900
18px
1.1em
#121e1e1
UPPERCASE

The quick brown fox jumps over the lazy dog

Heading 4

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Lato
900
18px
1.1em
#121e1e
Sentence

The quick brown fox jumps over the lazy dog

Heading 5

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Hello Beautiful
Normal
72px
1.1em
#121e1e
Sentence

The quick brown fox jumps over the lazy dog

Heading 6

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Hello Beautiful
Normal
44px
1.1em
#121e1e
Sentence

The quick brown fox jumps over the lazy dog

Forms & Buttons

Please enter your name.
Please enter a message.

Opt In

Opt in now!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit dapibus sodales. Proin fringilla sem a felis vestibulum, in lobortis turpis sagittis. Quisque at lobortis augue, vel tristique risus.

Call Out Boxes

cob-bg
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam libero erat, quis tempus enim vestibulum sed. Nunc ultricies in magna cursus pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse porta bibendum bibendum. Ut ex nisi, porta sit amet ultrices sed, interdum vitae est. Aenean sollicitudin felis at ligula feugiat, id tempor nisl consequat. Praesent quis accumsan arcu, dignissim mollis justo. Praesent id blandit diam. Ut vel dui ac magna ultricies blandit ut vitae tellus. Maecenas sed ante iaculis, laoreet elit a, auctor ex. Nullam vestibulum suscipit risus, id mollis dui tincidunt et. Proin in enim ultricies, gravida odio vel, blandit tortor. Proin id convallis mauris, sed pellentesque massa.

Tabbed Content

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet, nisl sed congue fringilla, justo sapien bibendum tortor, quis bibendum metus lectus a ipsum. Sed finibus feugiat lacus, sed cursus libero condimentum vitae. Ut odio lacus, porta eget diam id, scelerisque bibendum arcu. Mauris sed sapien non justo faucibus lacinia eu id diam. Duis mattis condimentum tortor, vel gravida mauris interdum vitae. Fusce vel dui lacus. Maecenas tristique purus sapien, et interdum dui cursus elementum. Etiam elementum iaculis sodales. Sed malesuada dolor ante, nec convallis arcu interdum et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ornare fermentum risus, id posuere eros pharetra at. Aenean volutpat lacinia mattis. Nunc eu est urna. Fusce mauris dolor, ultrices ut felis ut, efficitur elementum quam.

Duis blandit velit orci, in malesuada enim pellentesque in. Fusce facilisis convallis quam id finibus. Donec congue ac metus at volutpat. Nam sollicitudin, augue sit amet faucibus facilisis, purus elit ultrices odio, vel ullamcorper erat nulla vitae lacus. Sed porta odio et sem vulputate lacinia. Aliquam nisi nulla, viverra non augue eu, pulvinar molestie erat. Integer eu faucibus magna. Nam pellentesque eu turpis sed tempus.

Lorem Ipsum
Lorem Ipsum

Footer

© Gagan Sarkaria | Privacy | Website by FO.