The Ounce › Style Guide


Typography


Based on the brand guidelines of Educare, the Ounce redesign utilizes Hoefler & Frere-Jones' Whitney and Whitney Screensmart. Whitney is used for larger font sizes, while Whitney Screensmart is used for font-sizes below 22px. The fonts are served via H&FJ's Cloud.Typography webfont platform.

Headings

H1: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon

H2: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon

H3: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon

H4: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon

H5: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon
H6: Renowned expert on early brain development to speak at Ounce of Prevention Fund luncheon
Paragraphs & Lists

Since 1982, the Ounce of Prevention Fund has persistently pursued a single goal: that all American children – particularly those born into poverty – have quality early childhood experiences in the crucial first five years of life.

For more than two decades, the Ounce of Prevention Fund has been a leader in developing, innovating, and advancing high-quality, birth-to-five programs.

We serve 4,000 children and families through Early Head Start and Head Start programs we fund and operate in Chicago, as well as through our network of home-visiting and doula programs throughout Illinois. Our innovative programs incorporate the latest research with proven service models to narrow the academic achievement gap faced by many vulnerable children.

Unordered Lists

Ordered Lists

  1. This is the first item in an ordered list.
  2. This is the second item in an ordered list.
  3. This is the third item in an ordered list.
  4. This is the fourth item in an ordered list.

Nested Lists

  1. This is the first item in an ordered list.
    • This is the first nested item within the first item.
    • This is the second nested item within the first item.
    • This is the third nested item within the first item.
  2. This is the second item in an ordered list.
  3. This is the third item in an ordered list.
  4. This is the fourth item in an ordered list.
Text Attributes

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and This text is inserted

This text has a strikethrough

Superscript®

Subscript for things like H2O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition.

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variarble element, such as x = y