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 MediumParagraphs/Link
Body copy throughout the site and links
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
- List item 1
- List item 2
- List item 3
- 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