{
  "name": "ZudoJS",
  "alternateName": [
    "Zudo",
    "Zudo Framework"
  ],
  "description": "Brand assets for ZudoJS, a modular TypeScript framework for Node.js.",
  "page": "https://zudojs.oyinlola.site/brand",
  "markdown": "https://zudojs.oyinlola.site/brand.md",
  "kit": "https://zudojs.oyinlola.site/assets/brand/zudo-brand-kit.zip",
  "updated": "2026-09-20",
  "assets": [
    {
      "id": "mark",
      "name": "Mark",
      "description": "The Z mark, for light backgrounds.",
      "background": "light",
      "transparent": true,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-mark.svg",
        "format": "image/svg+xml",
        "bytes": 1018
      },
      "raster": [
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-mark-512.png",
          "format": "image/png",
          "width": 512,
          "height": 512,
          "bytes": 2818
        },
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-mark-1024.png",
          "format": "image/png",
          "width": 1024,
          "height": 1024,
          "bytes": 7127
        }
      ]
    },
    {
      "id": "mark-reversed",
      "name": "Mark, reversed",
      "description": "The Z mark in off-white, for dark backgrounds.",
      "background": "dark",
      "transparent": true,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-mark-dark.svg",
        "format": "image/svg+xml",
        "bytes": 919
      },
      "raster": [
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-mark-dark-512.png",
          "format": "image/png",
          "width": 512,
          "height": 512,
          "bytes": 2848
        },
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-mark-dark-1024.png",
          "format": "image/png",
          "width": 1024,
          "height": 1024,
          "bytes": 7142
        }
      ]
    },
    {
      "id": "logo",
      "name": "Logo",
      "description": "Mark and ZUDO wordmark, for light backgrounds.",
      "background": "light",
      "transparent": true,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-logo.svg",
        "format": "image/svg+xml",
        "bytes": 1205
      },
      "raster": [
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-logo-660.png",
          "format": "image/png",
          "width": 660,
          "height": 160,
          "bytes": 2345
        },
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-logo-1320.png",
          "format": "image/png",
          "width": 1320,
          "height": 320,
          "bytes": 6198
        }
      ]
    },
    {
      "id": "logo-reversed",
      "name": "Logo, reversed",
      "description": "Mark and ZUDO wordmark in off-white, for dark backgrounds.",
      "background": "dark",
      "transparent": true,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-logo-dark.svg",
        "format": "image/svg+xml",
        "bytes": 1205
      },
      "raster": [
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-logo-dark-660.png",
          "format": "image/png",
          "width": 660,
          "height": 160,
          "bytes": 2316
        },
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-logo-dark-1320.png",
          "format": "image/png",
          "width": 1320,
          "height": 320,
          "bytes": 5949
        }
      ]
    },
    {
      "id": "app-icon",
      "name": "App icon",
      "description": "The mark on a navy tile, for app icons.",
      "background": "any",
      "transparent": false,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-logo-icon.svg",
        "format": "image/svg+xml",
        "bytes": 1007
      },
      "raster": [
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-app-icon-512.png",
          "format": "image/png",
          "width": 512,
          "height": 512,
          "bytes": 2359
        },
        {
          "url": "https://zudojs.oyinlola.site/assets/brand/zudo-app-icon-1024.png",
          "format": "image/png",
          "width": 1024,
          "height": 1024,
          "bytes": 5815
        }
      ]
    },
    {
      "id": "favicon",
      "name": "Favicon",
      "description": "Favicon, drawn on a 32 px grid.",
      "background": "any",
      "transparent": true,
      "preferred": {
        "url": "https://zudojs.oyinlola.site/assets/zudo-favicon.svg",
        "format": "image/svg+xml",
        "bytes": 440
      },
      "raster": []
    }
  ],
  "colors": [
    {
      "name": "Ink",
      "hex": "#1A1A2E",
      "use": "The mark and wordmark"
    },
    {
      "name": "Red",
      "hex": "#C0392B",
      "use": "The diagonal through the Z"
    },
    {
      "name": "Navy",
      "hex": "#16213E",
      "use": "Dark backgrounds and the app icon tile"
    },
    {
      "name": "Off-white",
      "hex": "#FAFAF9",
      "use": "Light backgrounds and the reversed mark"
    }
  ],
  "rules": {
    "clearSpace": "At least one module (one square of the grid, 12/80 of the mark's width) on every side.",
    "minimumSize": {
      "mark": "24px",
      "lockup": "96px wide"
    },
    "prefer": "SVG wherever it is supported.",
    "allowed": [
      "Use the logo to link to or refer to the Zudo project.",
      "Use the reversed files on dark backgrounds."
    ],
    "notAllowed": [
      "Recolouring the artwork or changing the red diagonal.",
      "Stretching, rotating, outlining or adding effects.",
      "Rebuilding the wordmark in another typeface.",
      "Using it as your own product's logo, or to imply endorsement."
    ]
  },
  "license": {
    "software": "MIT",
    "softwareUrl": "https://github.com/oyinlola-tech/zudo/blob/main/LICENSE",
    "marks": "The marks identify the project. Use them under the rules above; they are not covered by the MIT grant."
  }
}