Skip to main content

Typography

Headings

h1 heading

Largest header, used at the top of many screens. Otherwise, use sparingly to indicate ‘top level’ hierarchy.

h2 heading

Second largest header. Should only appear somewhere after a H1. Exception: Title of a Detail Screen. Appears as #000000 at the top of Search Results.

h3 heading

Smallest header. Should appear after a H1 or H2. Same as body text, only Roboto Medium

Paragraphs/Link

Body copy throughout the site and links

This is a standalone link

Cupcake ipsum dolor sit amet brownie topping. Chupa chups chupa chups pie chocolate topping cupcake gingerbread This is a Link. Liquorice sugar plum tiramisu cake apple pie chocolate cake jelly chocolate powder. Powder dessert gummi bears jelly-o sweet roll. Marzipan liquorice sweet halvah topping macaroon gingerbread. Wafer muffin bonbon. Powder cheesecake chocolate bar wafer. Candy canes lemon drops tootsie roll halvah cake chocolate bar marzipan bonbon candy canes.

Sweet roll bear claw gummies jujubes lollipop wafer jujubes caramels. Pudding tootsie roll marzipan powder cookie. Sweet roll fruitcake toffee icing cupcake cotton candy biscuit topping sweet roll. Topping donut muffin jelly beans. Chupa chups oat cake ice cream sesame snaps macaroon tootsie roll macaroon fruitcake marshmallow. Sweet sweet pie pie pudding sesame snaps wafer biscuit gummi bears. Tiramisu marzipan powder sweet. Marzipan jelly tootsie roll. Powder tiramisu oat cake tiramisu cheesecake donut.

Lists

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

Helper Text

H2 Helper

Appears in a 'large' Search field. Other than color, same as H2, but without the hierarchy requirement. No default line height.

Helper text in form fields. No default line height.

Legaleze

Good for most any ‘fine print’. Most Legaleze copy is centered.

Legaleze Text Here