Posts Tagged ‘web-design’

Vertikales Webdesign

Friday, June 15th, 2007 by Alexander Lang

Ich poste das hier eigentlich nur, damit ich dir URL nicht verliere … gefunden bei 37signals: type that keeps the beat – wie man sich ein Raster aus Zeilenhöhe und -abstand baut und alle Seitenelemente an diesem Raster ausrichtet. Schon hat man ein stimmige(re)s Design. Dieses Bild (aus dem 37signal-Artikel) zeigt das Ganze eigentlich sehr schön:

font raster

In den Kommentaren gibt’s dann auch gleich mal ein CSS-Beispiel:

body{
font-size: 0.75em;
line-height: 1.25;
}

h1 {
font-size: 2em;
line-height: 1.25;
margin: 1.875em 0 0.625em 0;
}

h2 {
font-size: 1.5em;
line-height: 1.6667;
margin: 0.8333em 0 0.8334em 0;
}

p {
margin-bottom: 1.25em;
}