Design directions
Three directions for each site, built on the same real content. Every size, line height and gap comes from GRT for that page’s own body font. Open each on your phone and on a laptop. Pick one per site, or mix: a typeface from one with the layout of another.
williejackson.com
- Margin notesLiterata only. Cool white and ink blue. One reading column; career years hang in the left margin.
- IndexSchibsted Grotesk only. Neutral white and newsroom green. Sticky intro beside a real career table.
- Night readingLibre Caslon Text and Display. Deep navy and marigold, light mode on request. Big opening line and a drop cap.
j2wtalent.com
- ProposalPublic Sans only. White and navy. Plain and structured; case studies as a real table.
- PracticeSource Serif 4 only. Cool stone and deep green. A fixed statement panel beside the detail.
- RoomBricolage Grotesque. Pale blue-white and electric blue. Big type, one full-width photo, quotes at full size.
Mockups only: links inside them go nowhere. Dotted links are essays or write-ups not yet written. Text in [BRACKETS] is a placeholder.