typography

Archive of typography in the wild, indexed by typeface, industry and format, with editorial notes from type experts.

Typography site with font reviews, pairing articles and video breakdowns aimed specifically at UI designers and developers.

Curated gallery of typefaces released under free licenses, presented with proper type specimens.

Free browser tool that grades a site's typography — sizes, line height, measure, contrast — and explains each fix.

Library of 160,000+ free fonts with 19,000 cleared for commercial use, each licence manually verified before listing.

Microlibrary that splits elements by word, character, line, grid or image and populates CSS custom properties for index-based staggering.

Collection of website hero headlines and H1 treatments, focused on type scale and opening statements.

National brand system with logo grids, typography, photography direction and downloadable asset kits for a whole country.

Curated archive of typographic poster design submitted by designers worldwide.

Complete typography manual written as a hypertext book, with opinionated rules on measure, spacing, and type choice.

Free seven-day email course plus articles on web typography: modular scales, pairing, vertical rhythm and typeface anatomy.

Agent skill files targeting specific design aspects such as animation timing and typographic detail.

SwiftUI library for per-character text animations with a set of preset entry effects.

Minimal accessible Astro blog theme with fuzzy search, tags, light and dark modes and strong typographic defaults.

Visual modular scale calculator that previews heading sizes and emits the corresponding CSS custom properties.

Fifteen curated CSS font-family stacks using only system-installed typefaces, with per-stack Unicode coverage tables and live previews.

Curated list of typography tools, font resources, foundries and web font tooling.

Very minimal Astro blog theme with restrained type, subtle interactions and almost no visual chrome.

Extracted collection of Apple's official system typefaces, San Francisco and New York included, packaged for development use.

Gavin Nelson's personal site and portfolio built with Next.js, notable for restrained typography and layout.

Splits text nodes into line, word and character wrappers with CSS classes so any engine can animate them.

Tailwind plugin generating fluid, viewport-scaled type scales using clamp with configurable ratios.

Astro blog theme built around typography: multilingual support, serif type scale and print-inspired layout.

Fluid text transition component powered by Motion, animating between arbitrary strings with per-character flow.

Open-access book on the theory and craft of scientific figures, with full source for every figure.

JSTOR's design system with web components, editorial typography rules and academic-content layout patterns.

Browser tool for creating and editing custom bitmap fonts for Bitsy games, exporting the font data directly.

Demo set of SVG and shader-driven distortion effects applied to headline typography on interaction.

Ongoing catalogue of real websites annotated with the exact fonts used, plus font-pairing and alternative recommendations.

Kerning-aware text splitting for React that preserves letter-spacing when splitting into characters for staggered animation.

Applies typographic correction to Figma text - proper quotes, dashes, non-breaking spaces - across a selection.

Curated reading list covering usability, design systems, typography and interface craft rather than general business books.

Gallery restricted to fonts under the SIL Open Font License, filtering out fake-free listings.

Twenty LuaLaTeX and MetaPost examples of vintage scientific-paper aesthetics: plates, star charts, log tables, knots.

Curated font pairings for Astro with one-command install via the Astro Fonts API, Tailwind or plain CSS.

Claude/Codex skill that turns place and culture photos into art-directed Chinese editorial posters with composition, type, and reference gates.

277-card atlas of composition principles, with Hangul typesetting and original Korean traditional layouts generated from JSON diagrams.

Browser font creator and SwiftUI package that draws letters from real pen strokes, keeping original stroke order and timing.

Calculators that generate fluid type, space and grid scales interpolating between a small and large viewport, so layouts scale without breakpoints.

CSS-only convention marking which sentences in AI-assisted text are human: three span classes render as solid, dashed and dotted underlines.

Gallery of identity relaunches with reveal videos, filterable by industry, style, typeface and mood, plus packaging, signage and guideline shots.

Type marketplace carrying 250,000+ fonts from independent designers and foundries, with one-time desktop and web licensing and no subscription.

Agent skill for picking CJK typefaces: licence-tiered commercial-safe font list, scene-by-mood selection matrix, and CJK–Latin pairing rules.

Bootstraps a project's font, colour and spacing scales into a coherent starting system before you write components.

Collection of open-source typefaces explicitly licensed to be modified and redistributed.

Archive of book cover designs with credits for designer, art director and publisher.

Catalog of variable-font tools and references — playgrounds, inspectors like Samsa, axis-mapping editors, and CodePen collections for animating font axes.

Email framework built on golden-ratio typography and a matching vertical rhythm system.

Long-running showcase of sites picked for strong typography and efficient, unfussy layouts rather than award-bait effects.

Single-purpose calculator that derives a fluid, size-aware line-height instead of a fixed unitless multiplier.

Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.

Biweekly newsletter recommending one standout typeface with a critique of its details and practical usage notes.

Reference catalogue of 377 variable fonts with live axis sliders, filterable by axes, script coverage and license.

Edits many Figma text or color styles at once - change font family, weight or size across a whole type ramp.

Reference archive of grid-based design: systems, calculators, templates, tutorials, book recommendations and downloadable layout resources.

Korean government design system covering components, typography and Hangul-specific typographic and spacing rules.

Side-by-side variable font specimen tester with per-axis sliders and instant CSS font-variation-settings output.

Curated index of libre typefaces designed by women and non-binary type designers, with direct source links.

Overlays two typefaces on top of each other so you can see exactly where their letterforms differ.

Experimental interface for variable fonts with novel axis controls, letting you explore designspace beyond simple sliders.

Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load.

Rapid-fire font discovery that shows one random typeface at a time so you judge by feel instead of scrolling a grid.

Curated library of contemporary free and libre typefaces, presented as a proper type catalogue rather than a download farm.

Vercel's design system: colour and typography foundations, Geist Sans and Mono typefaces, icon set and React components.

Small open-source foundry producing carefully drawn free typefaces, each with full documentation of its design intent.

Artsy's React and React Native design system with an art-world visual language and shared cross-platform primitives.

JavaScript library bringing Knuth-Plass line breaking, hyphenation, optical margin protrusion and microtypography to web text.

Archive of pictorial typography from the 1600s to 1900s: printers' flowers, ornamental borders, rule pictures and compositional type experiments.

Single-file mostly classless CSS framework styled after LaTeX papers, tabletop RPG rulebooks and brutalist layout, with no JavaScript.