Typography Styles

TITLE PX / Line Height EM HEX FONT DETAILS

Make Mom's Day

32 2.461 #242424 Bembo Regular Large Headline
Homepage Features, Unique Product Pages
24 1.846 #242424 Bembo Regular Page Title / Module Title
Can you deliver at a specific time?
17 1.308 #242424 Bembo Bold Medium Bold Title
13 1 #787878 Avenir Heavy Label
ALL CAPS

Lorem ipsum dolor sit amet,
consectetur adipisicing elit.

17 / 22 1.308 / 1.692 #242424 Bembo Regular Body

Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nunc congue faucibus turpis.

14 / 17 1.077 #242424 Bembo Regular Small Body
Messages, Footer, Mobile Circumstances
13 1 #242424 / #FA3C7A Avenir Heavy Navigation Link
Mega-Nav, Sidebar Nav
View Recent Orders 15 1.154 #FA3C7A Avenir Medium Stand-alone Link
View Recent Orders 13 1 #FA3C7A Avenir Medium Small Stand-alone Link
13 1 #242424 Avenir Medium Secondary Navigation Link
Sidebar Nav, Sitemap, Show/Hide
13 1 #787878 Avenir Medium Tertiary Navigation Link
Header & Footer

Header 1 (Page Title)

Header 2 (Section Title)

Header 2 (Sans-Serif) h2.sans-serif

Header 2 (All Caps) h2.caps

Header 3 (Module/Decorative Title)

Header 4

Header 5
Header 6

Paragraph Styles

Lorem ipsum dolor italics sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor Bold sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p.text-small Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

p.text-tight Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Link Styles

Standalone links are sans-serif
Standalone links are sans-serif

Links within headlines inherit the font-family.

Links within paragraphs inherit the font-family. Lorem ipsum dolor italics sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Unordered Lists of Links