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.

Handwriting font built by Claude Code from 120 pages of college notes, with three rotating variants per letter, two weights and a documented photo-to-font pipeline.

Browser tool for InDesign-style composite fonts: pair CJK and Latin faces, match size, baseline and weight per character class, then export CSS, app code or merged TTF/OTF/WOFF2.

Japanese font built on Source Han that draws furigana above kanji itself via ligatures, so readings appear anywhere custom fonts work, with no JavaScript.

Typography-first Astro 7 theme for technical writers and Obsidian vaults, pure static generation with zero client bloat.

Browser foundry that mixes, stretches and squishes OpenType fonts via ligature tricks, running fully local with Pyodide and fontTools.

Free GenZui Serif and Sans fonts from Noto JP, adding hentaigana, historical kana and Unicode 18 glyphs.

Suite of precise browser instruments for color, type, grid, shape, motion, space, light, noise, ratio, pattern and icons.

Typography-first free Astro blog theme for long-form reading, with quiet layout, MDX posts, and a live demo that actually looks like a book site.

Local-first browser toolkit that builds a brand once, then generates logos, mockups, social assets, tokens and a brand book PDF with no login.

React component that draws a design-tool selection frame around text with corner handles, thickness control and enter animations.

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.

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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