Subject
11 entries
Typography
Bookmarks
Fran Sans: typeface from San Francisco's Muni Breda displays
The story behind Fran Sans, a typeface Emily Sneddon created from the LCD destination displays on San Francisco's Muni Breda light rail cars. An archival and design project born from a 3x5-grid modular letter system made for sufficiency, not style.
Font of Web: AI-Powered Font Discovery
Font of Web uses AI to match fonts to design aesthetics — describe or upload a design and get font recommendations. Design inspiration and font discovery in one tool.
Fontjoy: Deep Learning Font Pairing
Fontjoy uses deep learning to generate font pairings — one click finds combinations of Google Fonts that work together aesthetically. A practical tool for non-designers who need readable typography without expert knowledge.
Typewolf: Site of the Day Archive
Typewolf's Site of the Day archive — curated real-world examples of excellent typography in web design, each tagged with the typefaces used. An invaluable reference for designers who want to see typefaces in context rather than on specimen pages.
Butterick's Practical Typography
Butterick's Practical Typography is an online book by Matthew Butterick covering the rules of good type — fonts, spacing, line length, margins, emphasis — with a pragmatic, opinionated approach aimed at people who write but aren't designers. One of the best typography references available.
Input: Fonts for Code
Input is a customizable font family by David Jonathan Ross designed specifically for code — monospace and proportional variants, adjustable letter shapes, and a typeface built for long hours of reading code. One of the most thoughtfully designed programming fonts.
Openby.design: Open-Source Design Resources
Openby.design is a collection of open-source design resources curated for practitioners — fonts, icons, illustrations, and UI components available for free use. A useful bookmark for finding high-quality open-source design assets.
Tufte CSS
Tufte CSS brings Edward Tufte's book typography principles to the web — wide margins for sidenotes, clean serif typography, and minimal chrome. A CSS library for anyone who wants their web writing to read like a well-designed book.
Evening of Design, Typography, and Tech
Personal photo from a design and typography meetup in San Francisco with @shashashasha (Sasha Greif), @somerandomdude (Chris Bowler/Nick Disabato?), and @stewf (Stephen Coles). Ryan received a book.
Samizdat Drafting Co.
Samizdat Drafting Co — a small design studio or tools project whose name invokes the Soviet underground self-publishing tradition. Saved in the same cluster as designer tools and visualization references from January 2013.
Just My Type
Dan Eden's essay on web typography — choosing typefaces, pairing them well, and why type decisions shape the feel of everything on the page. One of those 2012 pieces that helped a generation of web designers think seriously about type.