# Baseline (baseline.zip)

> Professional foundry typefaces for websites — faces you cannot get on Google Fonts —
> with trial licensing built in. Agents may freely apply trial fonts during development;
> a human must accept the trial agreement once per project, and fonts must be licensed
> before the site ships publicly.

## Integrate Baseline into a website project (4 steps)

1. Inject the floating bar into DEV builds only:
   <script src="https://baseline.zip/bar.js" defer></script>
   (Next.js: in the root layout behind process.env.NODE_ENV === 'development'.)
   The bar shows the trial agreement on first open — the HUMAN developer accepts it and
   receives a project key (bsln_...). Do not fabricate or auto-accept this.

2. Store the key in baseline.json at the repo root:
   { "projectKey": "bsln_...", "fonts": [] }

3. Apply a font (Google Fonts pattern; multiple families with | ):
   <link rel="stylesheet" href="https://baseline.zip/css?family=FAMILY_ID&project=PROJECT_KEY">
   then e.g.  h1 { font-family: 'Teodor', serif; }

4. Search the catalog:
   GET https://baseline.zip/api/fonts?q=QUERY&category=serif|sans-serif|display|script|mono
   GET https://baseline.zip/api/project/PROJECT_KEY   → fonts in use + license status
   POST https://baseline.zip/api/checkout             → { projectKey, familyId, licensee: "self" | "client" }
   ("client" returns a payUrl to give the client; license activates on payment.)

## Rules for agents
- Trial fonts are for development/preview only. Tell the user which fonts are unlicensed
  before any production deploy (GET /api/project/KEY → unlicensedCount).
- Never remove or bypass the licensing notices.
- Every served font file is fingerprinted to its project registration.

## Catalog (18 families)
- abc-synt — ABC Synt (display, Dinamo): An experimental display face with synthetic, machine-drawn energy. For brands that want to feel engineered and strange.
- place — Place (display, Commercial Type): A confident poster display face built for scale. Commands attention at headline sizes.
- season-mix — Season Mix (display, Displaay): A playful display family that mixes constructions for an eclectic, collaged feel. Best where personality matters most.
- abc-diatype-mono — ABC Diatype Mono (mono, Dinamo): The monospaced counterpart to ABC Diatype. Technical without being sterile — great for code, data, and technical brands.
- beltram-mono — Beltram Mono (mono, Domicile Foundry): A characterful monospace with warmth and personality — proof that fixed-width doesn’t have to feel mechanical.
- abc-diatype — ABC Diatype (sans-serif, Dinamo): A workhorse neo-grotesque with Swiss precision and a slightly warm, contemporary voice. Excellent for interfaces, branding, and long text at small sizes.
- abc-whyte — ABC Whyte (sans-serif, Dinamo): A grotesque with brutalist edges and idiosyncratic details. More opinionated than Diatype; great for punchy headlines and editorial identities.
- haffer — Haffer (sans-serif, Displaay): A friendly grotesque-geometric hybrid with unexpected quirks in the details. Approachable without being childish.
- macan-stencil — Macan Stencil (sans-serif, Tightype): A contemporary stencil sans with clean cuts and confident geometry. Distinctive in headlines and packaging.
- neue-haas-grotesk-display-pro — Neue Haas Grotesk Display Pro (sans-serif, Monotype (Linotype)): The original Helvetica, restored. Christian Schwartz’s digitization returns the warmth and detail lost in decades of adaptation. The definitive neutral sans.
- twk-lausanne — TWK Lausanne (sans-serif, TYPE.WELTKERN): A refined Swiss grotesk beloved by editorial and fashion brands. Understated, precise, and elegant at every size.
- jimmy-script — Jimmy Script (script, Independent): A casual handwritten script with natural rhythm. Adds a human touch to accents, labels, and signatures.
- antique-no-6 — Antique No 6 (serif, Commercial Type): A sturdy serif in the 19th-century antique tradition — dark, grounded, and full of conviction in headlines and text alike.
- caslon-ionic — Caslon Ionic (serif, Commercial Type): A Caslon in the Ionic newspaper tradition: slab-adjacent serifs, high legibility, and Victorian-era character built for modern use.
- morion — Morion (serif, The Designers Foundry): An angular display serif with blade-like details. Dramatic at large sizes; brings tension and edge to headlines.
- orleans — Orleans (serif, Commercial Type): An elegant editorial serif with refined contrast and a literary voice. At home in magazines, books, and cultural identities.
- signifier — Signifier (serif, Klim Type Foundry): A brutalist response to 17th-century Fell types: historical forms rendered with digitally sharp edges. Striking in display, surprisingly readable in text.
- teodor — Teodor (serif, Displaay): A sharp contemporary serif with wedge-like terminals. Cool, fashionable, and precise — a favorite for modern editorial design.