Diseño Tipográfico con CSS

La flexibilidad del CSS a la hora de diseñar es tan potente que nos permite, con un poco de creatividad y estilo; crear muy buenas diagramaciones y composiciones. En general los Blogs o páginas web no explotan al máximo la armonía y sutileza que el diseño tipográfico puede aportar al momento de conceptualizar y crear un layout.

Aun que sí hay buenísimos ejemplos, pero no tan abundantes; de diseño y aplicacion de tipografía en la red no estamos acostumbrados a ver y aun más a reconocerlos.

La gente de 3.7 Designs realizó un estudio de 10 excelentes aplicaciones tipográficas basadas en CSS, además de la gran colección de estilos y formas no entregan el código CSS para aprender como están hechas.

Diseño Tipográfico con CSS

Middle Headline

font-family: times, Times New Roman, times-roman, georgia, serif;
font-size: 28px;
line-height: 40px;
letter-spacing: -1px;color: #444;

Paragraph Text

font-family: times, Times New Roman, times-roman, georgia, serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #444;

Large Headline

font-family: times, Times New Roman, times-roman, georgia, serif;
font-size: 48px;
line-height: 40px;
letter-spacing: -1px;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: 100;

Como destacan en el artículo, la idea no es robar código o creatividad ajena sino; difundir, explicar la flexibilidad y armonía que se puede lograr con una buena elección de familia tipográfica y una buena hoja de estilo.

Para lograr un bonito y atractivo diseño no es necesario caer en la modernidad de los brillos y efectos web 2.0 que estamos acostumbrados a ver en la red. Un sutil, y porque no minimalista diseño; puede ser tan o más sofisticado que el más espectacular efecto “Glossy”.

Link:
10 Ejemplos de Diseño tipográfico con CSS
3.7 Designs