Typography

Properties

font_familiesobject[]

Font families used by the brand

namestring

Font name (e.g., "Inter")

usagestring

Where the font is used

availabilityobject

Font availability and licensing info

requires_licenseboolean

foundrystring

license_typestring

recommended_alternativestring

alternative_rationalestring

notesstring

google_fonts_css_urlstring

Google Fonts CSS URL for direct import

bunny_fonts_css_urlstring

headingsobject[]

Heading styles from hero to h6

level"hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"

labelstring

font_sizestring

Example: "52px"

font_weightstring

Example: "700"

line_heightstring

Example: "1.2"

letter_spacingstring

example_text_colorstring

example_background_colorstring

text_transform"none" | "uppercase" | "lowercase" | "capitalize"

special_effectsstring

usagestring

labelsobject[]

Small uppercase labels, eyebrows, overlines

labelstring

font_sizestring

font_weightstring

text_transformstring

letter_spacingstring

example_text_colorstring

usagestring

body_textobject[]

Body text styles

labelstring

font_sizestring

font_weightstring

line_heightstring

example_text_colorstring

usagestring

linksobject[]

Link styles

labelstring

font_sizestring

font_weightstring

text_decorationstring

hover_colorstring

example_text_colorstring

usagestring

buttonsobject[]

Button typography styles

labelstring

font_sizestring

font_weightstring

background_colorstring

paddingstring

border_radiusstring

borderstring

hover_backgroundstring

example_text_colorstring

usagestring

blockquotesobject[]

Blockquote/testimonial styles

labelstring

font_sizestring

font_weightstring

line_heightstring

font_style"normal" | "italic"

border_leftstring

paddingstring

example_text_colorstring

usagestring

design_notesstring

Overall observations about the type system

Example

example.json

{
  "font_families": [
    {
      "name": "string",
      "usage": "string",
      "availability": {
        "availability": "system",
        "requires_license": true,
        "foundry": "string",
        "license_type": "string",
        "recommended_alternative": "string",
        "alternative_rationale": "string",
        "notes": "string",
        "google_fonts_css_url": "string",
        "bunny_fonts_css_url": "string"
      }
    }
  ],
  "headings": [
    {
      "level": "hero",
      "label": "string",
      "font_size": "52px",
      "font_weight": "700",
      "line_height": "1.2",
      "letter_spacing": "string",
      "example_text_color": "string",
      "example_background_color": "string",
      "text_transform": "none",
      "special_effects": "string",
      "usage": "string"
    }
  ],
  "labels": [
    {
      "label": "string",
      "font_size": "string",
      "font_weight": "string",
      "text_transform": "string",
      "letter_spacing": "string",
      "example_text_color": "string",
      "usage": "string"
    }
  ],
  "body_text": [
    {
      "label": "string",
      "font_size": "string",
      "font_weight": "string",
      "line_height": "string",
      "example_text_color": "string",
      "usage": "string"
    }
  ],
  "links": [
    {
      "label": "string",
      "font_size": "string",
      "font_weight": "string",
      "text_decoration": "string",
      "hover_color": "string",
      "example_text_color": "string",
      "usage": "string"
    }
  ],
  "buttons": [
    {
      "label": "string",
      "font_size": "string",
      "font_weight": "string",
      "background_color": "string",
      "padding": "string",
      "border_radius": "string",
      "border": "string",
      "hover_background": "string",
      "example_text_color": "string",
      "usage": "string"
    }
  ],
  "blockquotes": [
    {
      "label": "string",
      "font_size": "string",
      "font_weight": "string",
      "line_height": "string",
      "font_style": "normal",
      "border_left": "string",
      "padding": "string",
      "example_text_color": "string",
      "usage": "string"
    }
  ],
  "design_notes": "string"
}