BRANDPLATFORM FOUNDATIONS

Typography Base Generator

Upload partner font and get immediate typography base preview.

Live Typography Preview

Display / Heading example

Section heading example

Body text example for partner typography base and readability checks.

Supporting/meta text example.

Size Tokens

size.xs = 12px

The quick brown fox jumps over the lazy dog.

size.sm = 13px

The quick brown fox jumps over the lazy dog.

size.base = 14px

The quick brown fox jumps over the lazy dog.

size.md = 16px

The quick brown fox jumps over the lazy dog.

size.lg = 18px

The quick brown fox jumps over the lazy dog.

size.xl = 20px

The quick brown fox jumps over the lazy dog.

size.2xl = 24px

The quick brown fox jumps over the lazy dog.

Apply Typography Seed

Apply to GiftAIApply to GPSWOX

Output JSON

{
  "typographyBase": {
    "family": {
      "sans": "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif",
      "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace"
    },
    "size": {
      "xs": 12,
      "sm": 13,
      "base": 14,
      "md": 16,
      "lg": 18,
      "xl": 20,
      "2xl": 24
    },
    "line": {
      "tight": 1.2,
      "snug": 1.35,
      "normal": 1.5
    },
    "weight": {
      "regular": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700
    },
    "letter": {
      "normal": "0",
      "tight": "-0.01em"
    }
  }
}