Typography

Noto Sans

Noto fonts are intended to be visually harmonious across multiple languages, with compatible heights and stroke thicknesses. For the currently released Noto fonts see code.google.com/p/noto/

Typeface variants

We use two different weights of Noto:

  • Normal (Font weight: 400)
  • Bold (Font weight: 700)

Noto Sans Normal – 400

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Noto Sans Bold – 700

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Typographic pre-sets

Lens uses pre-set typographic pairings to make sure our pages stay consistent.

  • Page headings - The largest text on the page, usually the page heading
  • Content headings - Headings within a block of content
  • Body copy - Smaller blocks of text including paragraphs

PAGE HEADINGS

Page heading - Large

Font size: 80px, line height: 90px

Large page heading

Page heading - Medium

Font size: 60px, line height: 70px

Medium page heading

Page heading - Small

Font size: 46px, line height: 53px

Small page heading

CONTENT HEADINGS

Content heading - Large

Font size: 36px, line height: 48px

Large content heading

Content heading - Medium

Font size: 32px, line height: 43px

Medium content heading

Content heading - Small

Font size: 28px, line height: 37px

Small content heading

BODY COPY

Body copy - Large

Font size: 24px, line height: 37px

Large body copy

Body copy - Medium (Default paragraph)

Font size: 18px, line height: 28px

Medium body copy (Default paragraph)

Body copy - Small

Font size: 14px, line height: 22px

Small body copy