Skip to content
livery
Create

Typeface

Websites using Instrument Serif

4 design systems from real websites set in Instrument Serif: their palettes, type scales, spacing and components, measured from the live pages. Install any of them as a skill so Claude Code, Cursor or Codex builds in that style.

4 kits · 1 dark, 3 light

Questions

Which websites use Instrument Serif?
In Livery's library, sakthi-portfolio-mauve.vercel.app, sakthi-portfolio-mauve.vercel.app, sakthi-portfolio-mauve.vercel.app and burhan-ops.vercel.app use Instrument Serif for their headings. Each kit records the full type scale: sizes, weights, line heights and letter spacing at every level.
Is Instrument Serif free to use?
Each kit says whether its fonts are free to reuse, need a licence (with a free alternative named) or are style-only. Open a kit to see Instrument Serif's licence and how to install it in your project.
How do I make my app look like one of these?
Open a kit and install it in your coding agent (one paste in Claude Code; unzip for Cursor, Codex or Windsurf). The agent audits your project, asks which areas to change and applies the design one area at a time, so you can review and revert each step.