Headlines & Paragraphs

Edit Baseline Grid Module Here
CSS Magic Module + Body Fixed: ON

Want to work with REMS? Set your HTML to have your root font size in PX's. [ html{font-size:19px;} ]
Use this REM Calculator ⟶

Working with a modular scale for your type is harmonious beauty!
Use This Modular Scale Tool ⟶

A good starting point for line-height for the headline is 1 or 1.1. A wonderful line-height for body copy is 1.5 - 1.6875 ems to start.

Keep character length for body copy to 50 - 75 characters
including spaces per line
depending on type size.
Use This Length Tester ⟶

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H1 Playfair Display: 5.854 REM / 1.06 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H2 Playfair Display: 5 REM / 1.24 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H3 Playfair Display: 4.2 REM / 1.25 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H4 Playfair Display: 3.5 REM / 1.18 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H5 Playfair Display: 2.8 REM / 1.5 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

"Society is part of the fatal flaw of language,” says Derrida. Debord suggests the use of semioticist Marxism to modify class. Thus, the subject is interpolated into a precultural paradigm of discourse that includes truth as a totality. Now, can you blame unicorns for being baseless paradigm shifters? They fly, yes. But, do they truly sing in the basking of three suns? Nigh.

H6 Playfair Display: 1.8 REM / 1 EM   ❦   Body Roboto: 1.25 REM / 33 PX

I love setting web typography. Yo.

I love setting web typography. Yo.

I love setting web typography. Yo.

I love setting web typography. Yo.

I love setting web typography. Yo.
I love setting web typography. Yo.