The Proportional Web
15 hours ago
- #Web Development
- #Typography
- #CSS Design
- The author created a new side project, The Proportional Web, inspired by Robert Bringhurst's 'The Elements of Typographic Style', as a sequel to The Monospace Web.
- The design uses the Alegreya font for body text and headings, with Courier Prime for code, and bases all sizes on a root font size of 16px for scalability.
- Text is justified with hyphenation controls to avoid spacing issues, paragraphs are indented, and the design is monochrome (black on white) for minimalism and focus.
- The stylesheet supports semantic HTML5 elements like headings, side notes, blockquotes, figures, lists, and tables, and is geared towards prose-heavy web documents.
- It is responsive, with adjustments for smaller viewports, and is available for reuse under an MIT license, with setup instructions for Pandoc and quick-start guidelines.