Typescale

Type systems,built to scale.

Typescale is the toolkit for designing, testing, and shipping typography as code — modular scales, fluid clamps, and tokens your whole team can read.

Start for free See how it works

Everything a type system needs

Stop managing sizes in five different files. Typescale keeps your scale, styles, and exports in one place — from first sketch to shipped product.

Modular scales

Start from a ratio or import what you already use. Typescale generates every step and keeps weight, leading, and tracking locked to it.

Fluid by default

Clamp any step from 320px to 4K and preview it at real breakpoints. No more guessing where your type breaks.

Tokens, not screenshots

Every decision compiles to CSS, Figma variables, or Swift. Type lives in version control and gets reviewed like any other code.

From first ratio to final token

Three moves, one afternoon — a complete system your engineers can consume the same day you design it.

  1. Define

    Pick a base size and ratio, or import an existing stylesheet. Typescale maps every size to a single source of truth in minutes.

  2. Compose

    Set weight, leading, and tracking against real copy in the live editor. See every step at once, from caption to display.

  3. Ship

    Export tokens, docs, and a shareable spec page in one command. Design and engineering finally read from the same page.

Teams that stopped guessing

From two-person studios to platform teams of forty — here's what shipping with a real type system looks like.

Typescale turned six months of type debates into one afternoon of decisions. The spec page ended our "which size is this?" Slack threads for good.
Maya OkaforDesign Lead, Fernwood
We imported a three-year-old stylesheet and Typescale found eleven sizes nobody used. The token export dropped straight into our pipeline.
Daniel ReyesFrontend Architect, Loopwell
The clamp previews alone sold my team. We stopped eyeballing breakpoints and started shipping with confidence.
Priya NathanProduct Designer, Hearthside

Priced per seat, scaled to teams

Every plan includes the scale editor, token exports, and unlimited viewers. Upgrade when your system outgrows your seat count.

Starter

For solo designers putting a first system in place.

$0/month

  • 1 project
  • Core scale editor
  • CSS token export
  • Community support
Most popular

Studio

For teams shipping one shared type system.

$12/month

  • Everything in Starter
  • Unlimited projects
  • Fluid clamp previews
  • Figma & Swift export
  • Spec pages & docs
  • Priority support

Foundry

For organizations governing type across products.

$39/month

  • Everything in Studio
  • SSO & audit logs
  • Custom ratio libraries
  • Token governance & review
  • Dedicated onboarding

Frequently asked questions

No. Typescale starts from a single base size and ratio, then grows with you. If you do have a system, import a stylesheet or token file and we'll map it in minutes.

CSS custom properties, Tailwind config, Figma variables, iOS, and Android Compose — all generated from the same source of truth. One command, every target.

No — it sits beside it. Typescale is where type decisions are made, tested, and versioned. Your design tool simply consumes the tokens Typescale exports.

Yes. Point Typescale at any licensed webfont, including variable fonts. Weights and optical sizes map automatically to your scale steps.

Your workspace moves to the free Starter plan and stays fully readable. Nothing is deleted, and you can upgrade again whenever you're ready.

Ship type you can stand behind

Early access includes the clamp editor, token exports, and the spec-page generator. No credit card required.