Practice establishing text hierarchy and styling text with CSS by copying the styles in the article.


  • Read the article: Type Study: Typographic Study
  • Create a type sampler html page.
  • Copy the text layouts mentioned in the article figures 1-5 using css.
    1. Plain text
    2. Chunking
    3. Weight change
    4. Size & spacing changes
    5. Alignment and spacing
  • Make 5 more examples, this time with a different set of text (your choice)
  • Upload your HTML page and the CSS.

Submission guidelines

  • Due next class
  • Upload and post your link to the turn-in spreadsheet