Typography Style Guide

Given below is the style guide for all the text in the template, that is, headings, paragraphs, lists, and buttons. Properties other than 'typography' may vary according to the design.

HEADINGS

Heading H1

Heading H3

Heading H4

PARAGRAPHS

Paragraph Style 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Style 2

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.

Paragraph Style 3

Paragraph Style 4

Paragraph Style 5

List Style

List Style 1

Nullam fringilla mauris eget euismod tristique.
Integer vel mauris viverra urna vestibulum ultricies vitae quis tellus.
In vulputate neque efficitur, placerat nunc sit amet, condimentum nisi.

List Style 2

Nullam fringilla mauris eget euismod tristique.
In vulputate neque efficitur, placerat nunc sit amet, condimentum nisi.
Integer vel mauris viverra urna vestibulum ultricies vitae quis tellus.

Buttons

Button One

Button Three

Color Usage

Color Name : Black
Hex : #000000
Color Usage : Heading H1

Color Name : Grey
Hex : #333333
Color Usage : Heading H2, H3, and H4, Paragraph, Text Links, Text Blocks, List Items and Link Texts

Color Name : Dark Grey
Hex : #111111
Color Usage : Submit Button text on Home page

Color Name : Medium Grey
Hex : #181818
Color Usage : Checkout and Search Buttons

Color Name : Blue
Hex : #3206f1
Color Usage : Search Result Link

Color Name : White
Hex : #ffffff
Color Usage : Heading H1 and H3 (Hero Sections), Nav Links

Color Name : White Smoke
Hex : #f5f5f5
Color Usage : Bg Color for the pages namely - Terms, Privacy, Help, Shipping, Faq, Returns, Password, 404

Color Name : Dim Grey
Hex : #666666
Color Usage : Search Result Description

Color Name : Features Connector
Hex : #dddddd
Color Usage : Lines & dots connecting features on category template page