studio•aplus presents

em-based typographic grid

by Aleksandar Vacić

Lorem” & SIT or ipsum?

It's HTML at its best.1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. “Excepteur sint occaecat ‘cupidatat’ non proident” sunt RFID22 in…

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc lobortis, purus ut venenatis varius, ligula quam dapibus risus, sit amet posuere felis lacus et dolor. Donec dui. Aenean nunc. Curabitur suscipit, massa luctus semper pellentesque, arcu nisi laoreet nulla, ut pulvinar est lacus mattis nulla. Sed euismod lectus dignissim risus hendrerit elementum.

Proin congue. Sed ornare suscipit urna. Aliquam semper pretium leo. Suspendisse faucibus, eros id ultrices tincidunt, elit metus sagittis leo, ac volutpat mi sapien vitae ligula.

Cupidatat’

Vivamus tincidunt, justo nec ultrices lobortis2, magna eros commodo elit, nec iaculis tortor dolor eu nibh. Aliquam nulla nisl, auctor vel, sagittis scelerisque, sollicitudin at, pede. Cras et enim pharetra mauris hendrerit tincidunt. Etiam feugiat faucibus libero. Donec varius viverra leo. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam convallis porta quam. Nulla hendrerit consectetuer velit. Sed ut lorem. Etiam est ante, blandit et, pellentesque vestibulum, euismod ut, enim.

All done in 25' 36".


  1. Aliquam posuere pulvinar tortor. Vestibulum diam. Nullam tempus diam vitae diam. Pellentesque a velit.
  2. Morbi nec nunc id massa consequat suscipit. Vestibulum hendrerit. Donec ut arcu.

Demo pages

Download

Download all demo pages along with .css files:
aplus-em-grid.zip (last updated Apr 20th, 2008)

About this

Read the blog post to learn the background story and find lots of links to sites that influenced this.

© Copyright 2008, Aleksandar Vacić (studio•aplus)
Licensed under Creative Commons Attribution 3.0 Unported license