Exercise

Setting Up Your Baseline Grid

This is the most critical “math” step in professional typesetting. Getting your line-height (also known as leading in Adobe InDesign) correctly ensures that your document doesn’t feel “choked” or “gappy.” Line-height should be between 120-180% of the font size. Tip: For your Titles (80pt+), the 120% rule often feels too “gappy.” Big titles usually look […]

Setting Up Your Baseline Grid Read More »

HTML Cheatsheet

File Naming Conventions All lowercaseUnderscore or dash NO uppercase // NO spaces //  NO special characters Basic Structure <!DOCTYPE html> <html></html> <head></head> <meta charset=”UTF-8”> <title></title> <body></body> HTML Tags <h1></h1> to <h6></h6> <p></p> <br> <hr> <address></address> <blockquote cite=”http://www.worldwildlife.org“> For 50 years, WWF has been protecting the future of nature.</blockquote> <q></q> <div></div> <span></span> <!– Text Here –>

HTML Cheatsheet Read More »

Font Pairings

01. Academia & Franklin Gothic SG The clean-cut appeal of Academia and Franklin Gothic make them a perfect font pairing for simple stripped-back design projects that prioritise legibility and visual harmony. As a confident and classy serif font, Academia brings a touch of refinement that complements Fraklin Gothic’s more contemporary and functional sans serif form.

Font Pairings Read More »