{
  "id": "wordmark",
  "name": "Wordmark",
  "level": "atom",
  "status": "stable",
  "purpose": "The Poesía brand mark, set as a word.",
  "description": "Poesía's brand mark: an ink rounded square with a soft highlight, beside the name set in the display serif. Mark and name share one colour, near-black by day and near-white by night, so the mark sits in the monochrome theme like the primary action does. It comes at three sizes, as the full lockup or the square alone, and can be held to a light or dark ground for photos and print.",
  "role": "content",
  "import": "@rrios-forge/ui/atoms/wordmark",
  "exports": [
    "Wordmark",
    "WORDMARK_GROUNDS",
    "WORDMARK_LOCKUPS",
    "WORDMARK_PALETTES",
    "WORDMARK_SIZES",
    "WORDMARK_TONES",
    "WORDMARK_VARIANTS",
    "wordmarkVariants"
  ],
  "source": "packages/ui/src/atoms/wordmark",
  "axes": [
    {
      "axis": "size",
      "part": null,
      "values": [
        "sm",
        "md",
        "lg"
      ],
      "default": "md",
      "meaning": "Ergonomic scale, in three families (control, text, container)."
    },
    {
      "axis": "lockup",
      "part": null,
      "values": [
        "full",
        "mark"
      ],
      "default": "full",
      "meaning": "Which form of the brand mark."
    },
    {
      "axis": "ground",
      "part": null,
      "values": [
        "auto",
        "light",
        "dark"
      ],
      "default": "auto",
      "meaning": "Which ground a brand mark sits on."
    },
    {
      "axis": "palette",
      "part": null,
      "values": [
        "brand",
        "mono"
      ],
      "default": "brand",
      "meaning": "Brand colour or monochrome for a brand mark."
    }
  ],
  "needs": [],
  "patterns": [],
  "a11yExceptions": [],
  "decisions": [
    {
      "id": "ADR-009",
      "title": "Editorial Frame: PageShell v3 + new `TopBar` molecule"
    },
    {
      "id": "ADR-030",
      "title": "Axis vocabulary: one name, one meaning"
    }
  ],
  "stories": [
    {
      "name": "Playground",
      "id": "components-atoms-wordmark--playground",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-atoms-wordmark--playground",
      "frame": "/iframe.html?id=components-atoms-wordmark--playground&viewMode=story"
    },
    {
      "name": "Sizes",
      "id": "components-atoms-wordmark--sizes",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-atoms-wordmark--sizes",
      "frame": "/iframe.html?id=components-atoms-wordmark--sizes&viewMode=story"
    },
    {
      "name": "Variants",
      "id": "components-atoms-wordmark--variants",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-atoms-wordmark--variants",
      "frame": "/iframe.html?id=components-atoms-wordmark--variants&viewMode=story"
    },
    {
      "name": "Tones",
      "id": "components-atoms-wordmark--tones",
      "interaction": false,
      "snapshots": [
        "dark",
        "light"
      ],
      "skipsSnapshot": false,
      "docs": "/?path=/story/components-atoms-wordmark--tones",
      "frame": "/iframe.html?id=components-atoms-wordmark--tones&viewMode=story"
    }
  ],
  "storyFile": "tooling/storybook/stories/components/atoms/wordmark.stories.tsx"
}