{
  "name": "Set The World On Fire",
  "abbreviation": "STWOF",
  "source": "https://stwof.com/brand",
  "documents": [
    {
      "title": "Brand Guidelines",
      "summary": "Foundation, beliefs, voice, tone, language, color, typography, imagery, divisions.",
      "markdown": "https://stwof.com/brand/guideline.md",
      "html": "https://stwof.com/brand/guideline"
    },
    {
      "title": "Logo Guidelines",
      "summary": "Construction, clearspace, minimum sizes, variants, lockups, misuse, download URLs.",
      "markdown": "https://stwof.com/brand/logo.md",
      "html": "https://stwof.com/brand/logo"
    },
    {
      "title": "Design System",
      "summary": "Tokens, atoms, molecules, organisms, templates — the build system behind the site.",
      "markdown": "https://stwof.com/brand/design-system.md",
      "html": "https://stwof.com/brand/design-system"
    }
  ],
  "color": {
    "principle": "Monochrome-first. The system must hold in black and white before any color is applied. Ember Red is the single accent and is never used as a background wash.",
    "brand": [
      {
        "nm": "Ember Red",
        "hx": "#DB262C",
        "role": "Primary accent",
        "cssVar": "--brand"
      },
      {
        "nm": "Ember Deep",
        "hx": "#9E1A1F",
        "role": "Pressed · hover",
        "cssVar": "--brand-deep"
      },
      {
        "nm": "Void",
        "hx": "#080808",
        "role": "Primary ground",
        "cssVar": "--void"
      },
      {
        "nm": "Ink",
        "hx": "#F2F2F2",
        "role": "On-dark text · paper",
        "cssVar": "--ink"
      }
    ],
    "grayscale": [
      {
        "hx": "#080808",
        "fg": "#9A9A9A",
        "label": "Void"
      },
      {
        "hx": "#0D0D0D",
        "fg": "#9A9A9A",
        "label": "Panel"
      },
      {
        "hx": "#101010",
        "fg": "#9A9A9A",
        "label": "Panel-2"
      },
      {
        "hx": "#161616",
        "fg": "#9A9A9A",
        "label": "Panel-3"
      },
      {
        "hx": "#343434",
        "fg": "#0C0C0C",
        "label": "Ghost"
      },
      {
        "hx": "#808080",
        "fg": "#0C0C0C",
        "label": "Faint"
      },
      {
        "hx": "#9A9A9A",
        "fg": "#0C0C0C",
        "label": "Dim"
      },
      {
        "hx": "#F2F2F2",
        "fg": "#0C0C0C",
        "label": "Ink"
      }
    ],
    "semantic": [
      {
        "nm": "Affirm",
        "oklch": "oklch(0.74 0.13 150)",
        "role": "Success",
        "cssVar": "--ok",
        "neutralizedOn": "Homepage — retired to a neutral #CFCEC8; the HUD is grey + Ember only"
      }
    ],
    "surfaceTokens": [
      {
        "cssVar": "--void",
        "hx": "#080808",
        "nm": "Void",
        "role": "Primary ground"
      },
      {
        "cssVar": "--panel",
        "hx": "#0D0D0D",
        "nm": "Panel",
        "role": "Raised surface"
      },
      {
        "cssVar": "--panel-3",
        "hx": "#161616",
        "nm": "Panel · 3",
        "role": "Hover · chip"
      },
      {
        "cssVar": "--ink",
        "hx": "#F2F2F2",
        "nm": "Ink",
        "role": "Primary text"
      },
      {
        "cssVar": "--ink-dim",
        "hx": "#9A9A9A",
        "nm": "Ink · dim",
        "role": "Secondary"
      },
      {
        "cssVar": "--ink-faint",
        "hx": "#808080",
        "nm": "Ink · faint",
        "role": "Labels · meta"
      },
      {
        "cssVar": "--brand",
        "hx": "#DB262C",
        "nm": "Ember",
        "role": "The one accent"
      },
      {
        "cssVar": "--brand-deep",
        "hx": "#9E1A1F",
        "nm": "Ember · deep",
        "role": "Pressed state"
      }
    ],
    "contrast": [
      {
        "pair": "Ink on Void",
        "ratio": "14.8:1",
        "grade": "AAA body & large"
      },
      {
        "pair": "Void on Ink",
        "ratio": "15.1:1",
        "grade": "AAA body & large"
      }
    ]
  },
  "typography": {
    "faces": [
      {
        "nm": "Poppins",
        "cssVar": "--font-display",
        "weights": "600–700",
        "role": "Display & headlines · wordmark. Tight tracking, set big."
      },
      {
        "nm": "Hanken Grotesk",
        "cssVar": "--font-body",
        "weights": "400–600",
        "role": "Body & UI copy. Set at 1.55–1.65 line-height."
      },
      {
        "nm": "JetBrains Mono",
        "cssVar": "--font-mono",
        "weights": "400–500",
        "role": "Labels, eyebrows, metadata. Uppercase, wide tracking."
      }
    ],
    "weights": [
      {
        "w": 400,
        "label": "Regular"
      },
      {
        "w": 500,
        "label": "Medium"
      },
      {
        "w": 600,
        "label": "SemiBold · full name"
      },
      {
        "w": 700,
        "label": "Bold · STWOF"
      },
      {
        "w": 800,
        "label": "ExtraBold"
      }
    ],
    "scale": [
      {
        "nm": "Display",
        "sample": "Set the world on fire",
        "spec": "64 / 700",
        "cssVar": "--font-display",
        "tracking": "-0.03em"
      },
      {
        "nm": "H1",
        "sample": "A system, not a service",
        "spec": "44 / 700",
        "cssVar": "--font-display",
        "tracking": "-0.03em"
      },
      {
        "nm": "H2",
        "sample": "Every layer compounds",
        "spec": "32 / 600",
        "cssVar": "--font-display",
        "tracking": "-0.02em"
      },
      {
        "nm": "H3",
        "sample": "Built to iterate",
        "spec": "24 / 600",
        "cssVar": "--font-display",
        "tracking": "-0.01em"
      },
      {
        "nm": "Body L",
        "sample": "We build the foundation that makes results possible.",
        "spec": "18 / 400",
        "cssVar": "--font-body",
        "tracking": "0"
      },
      {
        "nm": "Body",
        "sample": "Each layer feeds the next, producing compounding results.",
        "spec": "16 / 400",
        "cssVar": "--font-body",
        "tracking": "0"
      },
      {
        "nm": "Small",
        "sample": "Supporting detail, captions, and secondary UI text.",
        "spec": "14 / 400",
        "cssVar": "--font-body",
        "tracking": "0"
      },
      {
        "nm": "Label",
        "sample": "System · metadata · eyebrow",
        "spec": "11 / mono",
        "cssVar": "--font-mono",
        "tracking": "0.18em"
      }
    ]
  },
  "geometry": {
    "radius": "All radii are 0. The system is square — buttons, cards, chips, inputs, badges."
  },
  "logo": {
    "variants": [
      {
        "nm": "Solid White",
        "sub": "Positive on dark",
        "base": "stwof-mark-solid-white",
        "hx": "#F2F2F2",
        "light": false,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-solid-white.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-solid-white-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-solid-white-256.png"
      },
      {
        "nm": "Line White",
        "sub": "Outline on dark",
        "base": "stwof-mark-line-white",
        "hx": "#F2F2F2",
        "light": false,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-line-white.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-line-white-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-line-white-256.png"
      },
      {
        "nm": "Solid Black",
        "sub": "Reversed on light",
        "base": "stwof-mark-solid-black",
        "hx": "#0C0C0C",
        "light": true,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-solid-black.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-solid-black-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-solid-black-256.png"
      },
      {
        "nm": "Line Black",
        "sub": "Outline on light",
        "base": "stwof-mark-line-black",
        "hx": "#0C0C0C",
        "light": true,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-line-black.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-line-black-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-line-black-256.png"
      },
      {
        "nm": "Solid Ember",
        "sub": "The spark on dark",
        "base": "stwof-mark-solid-ember",
        "hx": "#DB262C",
        "light": false,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-solid-ember.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-solid-ember-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-solid-ember-256.png"
      },
      {
        "nm": "Line Ember",
        "sub": "Outline on dark",
        "base": "stwof-mark-line-ember",
        "hx": "#DB262C",
        "light": false,
        "svg": "https://stwof.com/logo-downloads/stwof-mark-line-ember.svg",
        "png1024": "https://stwof.com/logo-downloads/stwof-mark-line-ember-1024.png",
        "png256": "https://stwof.com/logo-downloads/stwof-mark-line-ember-256.png"
      }
    ],
    "lockups": [
      {
        "nm": "Horizontal",
        "sub": "Mark + STWOF",
        "word": "STWOF",
        "weight": 700
      },
      {
        "nm": "Stacked",
        "sub": "Mark + full name",
        "word": "SET THE WORLD ON FIRE",
        "weight": 600
      },
      {
        "nm": "Wordmark",
        "sub": "Full wordmark",
        "word": "Set the World on Fire",
        "weight": 600
      }
    ],
    "files": [
      "https://stwof.com/logo-downloads/stwof-mark-solid-white.svg",
      "https://stwof.com/logo-downloads/stwof-mark-solid-white-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-solid-white-256.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-white.svg",
      "https://stwof.com/logo-downloads/stwof-mark-line-white-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-white-256.png",
      "https://stwof.com/logo-downloads/stwof-mark-solid-black.svg",
      "https://stwof.com/logo-downloads/stwof-mark-solid-black-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-solid-black-256.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-black.svg",
      "https://stwof.com/logo-downloads/stwof-mark-line-black-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-black-256.png",
      "https://stwof.com/logo-downloads/stwof-mark-solid-ember.svg",
      "https://stwof.com/logo-downloads/stwof-mark-solid-ember-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-solid-ember-256.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-ember.svg",
      "https://stwof.com/logo-downloads/stwof-mark-line-ember-1024.png",
      "https://stwof.com/logo-downloads/stwof-mark-line-ember-256.png"
    ],
    "inTheWild": [
      "https://stwof.com/logo-wild/dragon.webp",
      "https://stwof.com/logo-wild/website-laptop.webp",
      "https://stwof.com/logo-wild/phone.webp",
      "https://stwof.com/logo-wild/subway-billboard.webp",
      "https://stwof.com/logo-wild/business-cards.webp",
      "https://stwof.com/logo-wild/apparel-cap.webp",
      "https://stwof.com/logo-wild/tshort.webp",
      "https://stwof.com/logo-wild/book.webp"
    ]
  }
}