Downloading and using typefaces in Mockups and Digital Sketches from Google Fonts
Due September 21
HTML for Project 1
Due September 23
Sketches (layout and organization with grid) of home page and article page. Consider both small screens and large screens.
Type Hierarchy study for Project 1 (post excerpts and posts) — do this in Illustrator or Sketch or similar. Download your font from Google Fonts. Experiment with the typographic relationships between Post title, byline, subheadings, paragraphs, captions (and any other element you might need). Focus on readability and hierarchy. Consider size/scale, leading, color, case, style, etc. Remember that paragraph text should be 16px.