Typography

In looking for a typeface around which to design a system, it was clear a balance was required between strong, classic design and modern technological developments. Source Serif Pro presents a perfect pairing in that respect. Its inspiration comes from Fournier, a classic design from early in the 20th century, but is updated with more open design touches to aid in reading on screens. This yields a design that works equally well in headings and long passages of copy.

Paired with the availability of a Variable Font version, it assures the Georgia.gov design system will be based on a solid foundation for years to come.

Rounding out the typography on the site is Proxima Nova. This is the sans-serif used for navigation links and other functional user interface copy.

 

Fonts

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

 

Usage

Extra Large Headline (page titles, very big description — use minimally)

Source Serif Pro, Light
Font size 48 px, Line Spacing 53 px (x1.1), margin-bottom 18 px

Large Headline (h2)

Source Serif Pro, Light
Font size 40 px, Line Spacing 46 px (x1.15), margin-bottom 9 px

Mlarge Headline (h3, block titles, page subtitles)

Source Serif Pro, Regular
Font size 28 px, Line Spacing 34 px (x1.2), margin-bottom 9 px

Medium Headline (h4)

Source Serif Pro, Semibold
Font size 22 px, Line Spacing 26 px (x1.2), margin-bottom 9 px

Smedium Headline (h5)

Source Serif Pro, Semibold
Font size 20 px, Line Spacing 24 px (x1.2), margin-bottom 9 px

Smedium Regular

Source Serif Pro, Regular
Font size 20 px, Line Spacing 24 px (x1.2), margin-bottom 9 px

Source Serif Pro, Semibold Underlined
Font size 20 px, Line Spacing 24 px (x1.2), margin-bottom 9 px

Body Copy

Source Serif Pro, Regular
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Source Serif Pro, Semibold Underlined
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Source Serif Pro, Semibold
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Source Serif Pro, Semibold
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Body Sans (utility, footer)

Proxima Nova, Regular
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Proxima Nova, Semibold Underlined
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Body Sans Bold (utility, footer)

Proxima Nova, Semibold
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Proxima Nova, Regular Underlined
Font size 18 px, Line Spacing 25 px (x1.4), margin-bottom 18 px

Proxima Nova, Semibold
Font size 16 px, Line Spacing 26 px (x1.6), margin-bottom 26 px

Proxima Nova, Semibold
Font size 18 px, Line Spacing 22 px (x1.2), margin-bottom 18 px

Caption (photo caption, link description, form field description)

Proxima Nova, Regular
Font size 15 px, Line Spacing 20 px (x1.33), margin-bottom 8 px

EYEBROW (DATES, TYPES , FIELDSET LABELS… LIMITED TEXT)

Proxima Nova, Semibold
Font size 15 px, Line Spacing 20 px (x1.2), Character Spacing 2.83, margin-bottom 9 px

Small Sans (form field text, form dropdown text)

Proxima Nova, Regular
Font size 16 px, Line Spacing 19 px (x1.2), margin-bottom 9 px

Small Sans (form field placeholder)

Proxima Nova, Regular Italic
Font size 16 px, Line Spacing 19 px (x1.2), margin-bottom 9 px