Baseline Rhythm Calculator

See also Webtypography and SXSW lecture by Richard Rutter.

Calculator by Geoffrey Grosenbach. In use at PeepCode Screencasts (see also explanation).

h1 Page Title

p.small text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc dui. Curabitur tempus neque adipiscing ante. Aliquam erat volutpat.

p text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc dui. Curabitur tempus neque adipiscing ante. Aliquam erat volutpat.

h4 text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc dui. Curabitur tempus neque adipiscing ante. Aliquam erat volutpat.

h3 text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc dui. Curabitur tempus neque adipiscing ante. Aliquam erat volutpat.

h2 text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc dui. Curabitur tempus neque adipiscing ante. Aliquam erat volutpat.