This is a bit more for the nice use of rules than for typography, though the typography here is very nice as well. In the early years of web design, rules were poorly done in general, and vertical rules were almost non-existent, or were done as images.
.post h1 {
border-bottom:2px solid #000000;
margin:0pt 0pt 0.5em;
padding-bottom:0.5em;
}
h1 {
clear:left;
color:#000033;
font-size:1.6em;
font-style:normal;
font-weight:normal;
line-height:1.2em;
}
.post h2 {
border-right:1px solid #000000;
float:left;
margin:0pt 10px 1em 0pt;
padding-right:15px;
width:170px;
}
h2 {
color:#993333;
font-size:1em;
font-weight:bold;
}
This screenshot brought to you by the letter S, for Skitch.
(The New Typography is a series of posts of indeterminate usefulness showcasing interesting uses of typography online and how the designer implemented them. Type-as-image need not apply.)
Leave a comment