Foreign Affairs Style Guide

Foreign Affairs

Typography


The redesign uses webfont versions of Atlas Grotesk from Commercial Type, and Williams Caslon from Web Type. Font files and license documentation can be found on this Redmine ticket.

Headings

H1: Heading of The First Kind

H2: Heading of The Second Kind

H3: Heading of The Third Kind

H4: Heading of The Fourth Kind

H5: Heading of The Fifth Kind
H6: Heading of The Sixth Kind
Paragraphs & Lists

International development has moved beyond charity. Gone are the days when the United States would just spend its seemingly bottomless largess to help less fortunate or vanquished countries, as it did after World War II. International development has reached a new, globally competitive stage, bringing with it enormous strategic and economic implications for the United States in the years ahead.

According to the Organization for Economic Cooperation and Development (OECD), the global middle class will grow from an estimated 1.8 billion people in 2009 to 4.9 billion in 2030. Bold text is so bold. Nearly all of that growth will occur outside Europe and North America, from Brazil, China, and India to countries in the Middle East, North Africa, and Southeast Asia. Eighty-five percent of the growth will come in the Asia-Pacific region alone.

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