Headlines 24px Times New Roman
Headlines 20px Times New Roman
Headlines 20px Times New Roman
Headlines 16px Times New Roman
Headlines 16px Times New Roman
Headlines 16px Times New Roman
Paragraphs 14px Arial
The following grid is a quick guide to CSS styles available in the SoM Web format. For full details, see the Style Guide: http://med.stanford.edu/irt/web/style_guide/
| Headlines | ||
| Style/Class Name | Sample Text | What it's for |
| Heading 1 <H1> | Headlines 24px Times New Roman |
Main headline of page |
| Heading 2 <H2> | Headlines 20px Times New Roman |
Secondary headlines |
| Heading 3 <H3> | Headlines 20px Times New Roman |
Secondary headlines |
| Heading 4 <H4> | Headlines 16px Times New Roman |
Tertiary headlines |
| Heading 5 <H5> | Headlines 16px Times New Roman |
Tertiary headlines |
| Heading 6 <H6> | Headlines 16px Times New Roman |
Other headlines |
| text_leadinheadline | Headlines 24px Times New Roman | H1 headline CSS equivalent |
| text_leadinheadline | Headlines 20px Times New Roman | H2 headline CSS equivalent |
| text_leadinheadline | Headlines 20px Times New Roman | H3 headline CSS equivalent |
| text_leadinheadline | Headlines 16px Times New Roman | H4 headline CSS equivalent |
| text_leadinheadline | Headlines 16px Times New Roman | H5 headline CSS equivalent |
| text_leadinheadline | Headlines 14px Times New Roman | H6 headline CSS equivalent |
| text_leadinheadline | Headlines 24px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 24px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 20px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 20px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 18px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 18px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 16px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 16px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 14px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Headlines 14px Times New Roman | Multi-purpose art headline |
| text_leadinheadline | Verdana 12px bold, all-caps, dark blue | Tier 3 (Dept/Div) column labels and highlights headlines. |
| text_leadinheadline | Verdana 12px bold, all-caps, olive blue | Tier 2 (School-wide) column labels and highlights headlines. |
| Body and Other Text | ||
| Style/Class Name | Sample Text | What it's for |
| Paragraph <P> | Paragraphs 14px Arial |
Bulk of body copy |
| None | What you see when no format applied | Equivalent with text_bodysmall |
| text_bodynormal | Paragraphs 14px Arial | Paragraph CSS equivalent |
| text_bodylarge | Paragraphs 16px Arial | Larger or highlighted body text |
| text_bodynormal | Paragraphs 14px Arial | Paragraph CSS equivalent |
| text_bodysmall | Paragraphs 12px Arial | Highlights text, de-emphasized smaller text elements |
| text_bodysmall text_bold | Paragraphs 12px Arial bold | Bold highlights text, de-emphasized smaller text elements |
| text_bodytiny | Paragraphs 10px Arial | Smallest allowed text; credits, legalese, fine print |
| text_bodytiny text_bold | Paragraphs 10px Arial bold | Smallest allowed text; credits, legalese, fine print |
| text_leadinheadline | Headlines 14px Verdana bold | Lead-in headline for beginning of paragraph; can be linked |
| text_altfont text_bodylarge | Art text 14px Verdana | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodylarge text_bold | Art text 14px Verdana bold | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodynormal | Art text 12px Verdana | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodynormal text_bold | Art text 12px Verdana bold | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodynormal | Art text 11px Verdana | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodynormal text_bold | Art text 11px Verdana bold | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodysmall | Art text 10px Verdana | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodysmall text_bold | Art text 10px Verdana bold | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodytiny | Art text 9px Verdana | Multi-purpose art text; charts, labels, boxed elements |
| text_altfont text_bodytiny text_bold | Art text 9px Verdana bold | Multi-purpose art text; charts, labels, boxed elements |
| Links (Note: Red is reserved for links only) | ||
| Style/Class Name | Sample Text | What it's for |
| link_nounderline | Normal size link | |
| link_nounderline | 10px Verdana Bold Red | Smaller or dependent link |
| More | More |
Link to detail page found at end of summary |