Written by:

"Blog Cheat Sheet" - Post Title (Family: 'DIN' / Weight: Bold / Size: 36px / Line Height: 40px )

H1 - (Family: 'DIN' / Weight: Bold / Size: 30px / Line Height: 33px)

h2 - (Family: 'DIN' / Weight: Bold / Size: 22px / Line Height: 30px)

h3 - (Family: 'HelveticaNeueLT' / Weight: Regular / Size: 22px / Line Height: 30px )

h4 - (Family: 'HelveticaNeueLT' / Weight: Regular / Size: 16px / Line Height: 21.5px )

h5 (Family: 'DIN' / Weight: Bold / Size: 17px; / Line Height: 24px)
h6 (Family: 'DIN' / Weight: Regular / Size: 16px; / Line Height: 22px)
Blockquote (Family: 'DIN' / Weight: Bold / Size: 28px; / Line Height: 30px / Style: Italic)

p - (Family: 'HelveticaNeueLT' / Weight: Regular / Size: 17px / Line Height: 26px )

Directions for Zeynep - p (paragraph) - is currently 16px / line height 24px. Try p at 17px / line height 26px. I can't say for sure if that's big enough because when I look at h5 vs h6, they are only 1px apart at 16px and 17px, but the visual difference is huge. We will need to play around with this.

Execution for H1

Breakdown of H2

More paragraph in BOLD TEXT. Ut enim ad minim veniam, quis nostrud exercitation ITALIC TEXT laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in UNDERLINE in voluptate velit esse cillum dolore eu BEST OF THREE. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Dummy Paragraph - LETS ADD A LINK HERE ! Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Here We Have a H3

More Paragraph! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Another H2 Title Text

More Paragraph! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

H4 In the House. Ok, how funny is Zeynep? H4, is being used for "body copy" on our website. As such, it should be the same color as our paragraph font (p). Currently it is not. It is the darker grey from our brand colors. We are using this darker grey for "titles". H4 is also too close in size to p. This would be a useful font for footnotes if it was a bit smaller. Can we make H4 the same color as p and change it to:   size: 14px / line height: 18px?

More Paragraph! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

H5 Style is like this - Populating this example with a little more copy to see how the line height looks. The font color is correct. This is a good font to have in our headings options. Thanks!

More Paragraph! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Someone said H6? Typing more words under H6 to see what the line height looks like on the website. This font appears to be the darker grey from our brand colors. Seeing as the font is Din regular and will be used for body copy. I wonder if it should be the same color used for paragraph (p)? Maybe Baran can weigh in here.

More Paragraph! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.