Typographic Hiearchy

Intermountain Healthcare

The following is a demonstration of the combination of letterforms, weight, color, and spacing used to define the visual hiearchy of content on Intermountain Healthcare's public portals. CSS shorthands have been expanded for demonstration purposes.

h1

H1 heading

font-family:Georgia, "Times New Roman", Times, serif;
line-height:150%;
font-weight:normal;
font-size:2.2em;
font-variant:small-caps;
padding:0 0 15px;
color:#C1AE8F;

h2

H2 heading

font-family:Georgia, "Times New Roman", Times, serif;
line-height:150%;
font-weight:normal;
font-size:1.8em;
padding:0 0 15px;
color:#C1AE8F;

h3

H3 heading

font-family:Georgia, "Times New Roman", Times, serif;
line-height:150%;
font-weight:normal;
font-size:1.5em;
padding:0 0 15px;
color:#A3998A;

h4

H4 heading

font-family:Georgia, "Times New Roman", Times, serif;
line-height:150%;
font-weight:normal;
font-size:1.3em;
padding:0 0 15px;
color:#A3998A;

h5

H5 heading

font-family:inherit;
line-height:normal;
font-weight:bold;
font-size:1.0em;
color:inherit;

default

Default Text font-family:Verdana, Helvetica, sans-serif;
line-height:170%;
font-weight:normal;
font-size:0.9em;
color:#666;