Typography
The entire site uses two weights of Roboto Slab: bold(700) and regular(300) and Open Sans: regular(300). Roboto Slab and Open Sans are both from Google.
Paragraphs
A regular paragraph.
The try-works are planted between the foremast and mainmast, the most roomy part of the deck. The timbers beneath are of a peculiar strength, fitted to sustain the weight of an almost solid mass of brick and mortar, some ten feet by eight square, and five in height. The foundation does not penetrate the deck, but the masonry is firmly secured to the surface by ponderous knees of iron bracing it on all sides, and screwing it down to the timbers.
Lead Paragraph
Lead paragraphs are used for the "elevator pitch" of a page.
The page should be understood by reading this paragraph alone.
Text basics
Do not use underline except for hyperlinks.
Text in all cases should be left-aligned, with the small exception of several specifically-designed headers on the homepage. Centering or right-aligning text can cause issues for users translating pages to right-aligned languages, and breaks visual flow for users on mobile devices, especially when re-flowing table structures into visual linear lists.
Superscript: 3rd, 4th, and 5th
Subscript: H2O and C8H10N4O2
Links
Links should have underlines, and where possible, use Smart Underline for more beautiful lines.
Unordered lists
- Item A
- Item B
- Item C
Ordered lists
- Item A
- Item B
- Item C
Emphasis Classes
Convey meaning through color with a handful of emphasis utility classes.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Blockquote
Blockquotes for testimonials or quoting.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Naming a source
Source citing should be wrapped in a blockquote element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Source Title