{
  "intent": "devtools",
  "label": "Developer tools",
  "count": 12,
  "options": [
    {
      "n": 1,
      "mark": "Cloud",
      "markId": "cloud",
      "category": "tech",
      "engine": "minimal",
      "palette": "Noir",
      "color": "#1C1C1E",
      "paletteCompanion": "#0A0A0C",
      "darkAccent": "#797981",
      "renderHash": "8badeb481c74b5d2",
      "png": "https://myorg.ai/favicons/devtools/1.png",
      "svg": "https://myorg.ai/favicons/devtools/1.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/1.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/1.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#1C1C1E",
          "background": "#FFFFFF",
          "ratio": 17.01,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#797981",
          "background": "#0A0A0F",
          "ratio": 4.58,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 396,
        "32": 762,
        "48": 974,
        "64": 1240,
        "128": 2512,
        "256": 5358,
        "512": 11376
      }
    },
    {
      "n": 5,
      "mark": "Node Graph",
      "markId": "nodegraph",
      "category": "tech",
      "engine": "outline",
      "palette": "Monochrome",
      "color": "#333333",
      "paletteCompanion": "#1A1A1A",
      "darkAccent": "#7D7D7D",
      "renderHash": "9b7cf7a7e0ad81f3",
      "png": "https://myorg.ai/favicons/devtools/5.png",
      "svg": "https://myorg.ai/favicons/devtools/5.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/5.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/5.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#333333",
          "background": "#FFFFFF",
          "ratio": 12.63,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#7D7D7D",
          "background": "#0A0A0F",
          "ratio": 4.8,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 415,
        "32": 772,
        "48": 1209,
        "64": 1667,
        "128": 3546,
        "256": 8153,
        "512": 16559
      }
    },
    {
      "n": 2,
      "mark": "Terminal",
      "markId": "terminal",
      "category": "tech",
      "engine": "outline",
      "palette": "Noir",
      "color": "#8B0000",
      "paletteCompanion": "#5C0000",
      "darkAccent": "#E23636",
      "renderHash": "68c0f65edb3f9991",
      "png": "https://myorg.ai/favicons/devtools/2.png",
      "svg": "https://myorg.ai/favicons/devtools/2.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/2.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/2.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#8B0000",
          "background": "#FFFFFF",
          "ratio": 10.01,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#E23636",
          "background": "#0A0A0F",
          "ratio": 4.53,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 320,
        "32": 436,
        "48": 754,
        "64": 923,
        "128": 1988,
        "256": 4589,
        "512": 9885
      }
    },
    {
      "n": 3,
      "mark": "Database",
      "markId": "database",
      "category": "tech",
      "engine": "solid",
      "palette": "Noir",
      "color": "#4A4A4A",
      "paletteCompanion": "#2E2E2E",
      "darkAccent": "#7D7D7D",
      "renderHash": "6725603f1c32a276",
      "png": "https://myorg.ai/favicons/devtools/3.png",
      "svg": "https://myorg.ai/favicons/devtools/3.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/3.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/3.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#4A4A4A",
          "background": "#FFFFFF",
          "ratio": 8.86,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#7D7D7D",
          "background": "#0A0A0F",
          "ratio": 4.8,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 351,
        "32": 604,
        "48": 924,
        "64": 1205,
        "128": 2229,
        "256": 4838,
        "512": 11299
      }
    },
    {
      "n": 7,
      "mark": "Server",
      "markId": "server",
      "category": "tech",
      "engine": "minimal",
      "palette": "Deep Sea",
      "color": "#1B4F72",
      "paletteCompanion": "#0E3252",
      "darkAccent": "#2C81BA",
      "renderHash": "00a55189717abaa4",
      "png": "https://myorg.ai/favicons/devtools/7.png",
      "svg": "https://myorg.ai/favicons/devtools/7.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/7.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/7.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#1B4F72",
          "background": "#FFFFFF",
          "ratio": 8.72,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#2C81BA",
          "background": "#0A0A0F",
          "ratio": 4.66,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 396,
        "32": 505,
        "48": 1004,
        "64": 990,
        "128": 2069,
        "256": 5582,
        "512": 12737
      }
    },
    {
      "n": 9,
      "mark": "Webhook",
      "markId": "webhook",
      "category": "tech",
      "engine": "solid",
      "palette": "Forest",
      "color": "#2D6A4F",
      "paletteCompanion": "#1B4332",
      "darkAccent": "#44A178",
      "renderHash": "a2b598ef76deeed4",
      "png": "https://myorg.ai/favicons/devtools/9.png",
      "svg": "https://myorg.ai/favicons/devtools/9.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/9.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/9.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#2D6A4F",
          "background": "#FFFFFF",
          "ratio": 6.39,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#44A178",
          "background": "#0A0A0F",
          "ratio": 6.22,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 381,
        "32": 759,
        "48": 1085,
        "64": 1459,
        "128": 2943,
        "256": 5846,
        "512": 12242
      }
    },
    {
      "n": 4,
      "mark": "API",
      "markId": "api",
      "category": "tech",
      "engine": "minimal",
      "palette": "Noir",
      "color": "#C41E3A",
      "paletteCompanion": "#961830",
      "darkAccent": "#E13854",
      "renderHash": "ae3ea4a2fda3b892",
      "png": "https://myorg.ai/favicons/devtools/4.png",
      "svg": "https://myorg.ai/favicons/devtools/4.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/4.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/4.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#C41E3A",
          "background": "#FFFFFF",
          "ratio": 5.84,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#E13854",
          "background": "#0A0A0F",
          "ratio": 4.6,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 448,
        "32": 856,
        "48": 1125,
        "64": 1511,
        "128": 3050,
        "256": 6976,
        "512": 13744
      }
    },
    {
      "n": 8,
      "mark": "Binary",
      "markId": "binary",
      "category": "tech",
      "engine": "outline",
      "palette": "Deep Sea",
      "color": "#1E8449",
      "paletteCompanion": "#146034",
      "darkAccent": "#2BBB67",
      "renderHash": "76d4867f69a1a00c",
      "png": "https://myorg.ai/favicons/devtools/8.png",
      "svg": "https://myorg.ai/favicons/devtools/8.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/8.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/8.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#1E8449",
          "background": "#FFFFFF",
          "ratio": 4.72,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#2BBB67",
          "background": "#0A0A0F",
          "ratio": 7.91,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 463,
        "32": 769,
        "48": 1315,
        "64": 1729,
        "128": 4165,
        "256": 9320,
        "512": 20223
      }
    },
    {
      "n": 10,
      "mark": "Pipeline",
      "markId": "pipeline",
      "category": "tech",
      "engine": "minimal",
      "palette": "Forest",
      "color": "#8B6F47",
      "paletteCompanion": "#6B5535",
      "darkAccent": "#98794E",
      "renderHash": "7d4f4212685f16b0",
      "png": "https://myorg.ai/favicons/devtools/10.png",
      "svg": "https://myorg.ai/favicons/devtools/10.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/10.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/10.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#8B6F47",
          "background": "#FFFFFF",
          "ratio": 4.71,
          "passesNonText": true,
          "passesText": true
        },
        "dark": {
          "foreground": "#98794E",
          "background": "#0A0A0F",
          "ratio": 4.87,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 135,
        "32": 242,
        "48": 327,
        "64": 456,
        "128": 1010,
        "256": 2186,
        "512": 5372
      }
    },
    {
      "n": 6,
      "mark": "Chip",
      "markId": "chip",
      "category": "tech",
      "engine": "solid",
      "palette": "Monochrome",
      "color": "#6B7B8D",
      "paletteCompanion": "#4A5A6A",
      "darkAccent": "#6B7B8D",
      "renderHash": "0d74d4e1c341d1ca",
      "png": "https://myorg.ai/favicons/devtools/6.png",
      "svg": "https://myorg.ai/favicons/devtools/6.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/6.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/6.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#6B7B8D",
          "background": "#FFFFFF",
          "ratio": 4.34,
          "passesNonText": true,
          "passesText": false
        },
        "dark": {
          "foreground": "#6B7B8D",
          "background": "#0A0A0F",
          "ratio": 4.55,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 332,
        "32": 457,
        "48": 785,
        "64": 877,
        "128": 1801,
        "256": 4148,
        "512": 10285
      }
    },
    {
      "n": 11,
      "mark": "Gem",
      "markId": "gem",
      "category": "geo",
      "engine": "outline",
      "palette": "Ultraviolet",
      "color": "#7C6CFF",
      "paletteCompanion": "#5352ED",
      "darkAccent": "#7C6CFF",
      "renderHash": "818f9e14f0df242b",
      "png": "https://myorg.ai/favicons/devtools/11.png",
      "svg": "https://myorg.ai/favicons/devtools/11.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/11.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/11.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#7C6CFF",
          "background": "#FFFFFF",
          "ratio": 3.86,
          "passesNonText": true,
          "passesText": false
        },
        "dark": {
          "foreground": "#7C6CFF",
          "background": "#0A0A0F",
          "ratio": 5.12,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 480,
        "32": 744,
        "48": 1050,
        "64": 1515,
        "128": 2829,
        "256": 6404,
        "512": 13355
      }
    },
    {
      "n": 12,
      "mark": "Prism",
      "markId": "prism",
      "category": "geo",
      "engine": "solid",
      "palette": "Monochrome",
      "color": "#A8B4C0",
      "paletteCompanion": "#8A96A2",
      "darkAccent": "#8A96A2",
      "renderHash": "6f545a494f50c884",
      "png": "https://myorg.ai/favicons/devtools/12.png",
      "svg": "https://myorg.ai/favicons/devtools/12.svg",
      "displayPng": "https://myorg.ai/favicons/devtools/12.png?size=128",
      "theme": "https://myorg.ai/themes/devtools/12.json",
      "contrast": {
        "standard": "WCAG-2.2-AA",
        "light": {
          "foreground": "#A8B4C0",
          "background": "#FFFFFF",
          "ratio": 2.11,
          "passesNonText": false,
          "passesText": false
        },
        "dark": {
          "foreground": "#8A96A2",
          "background": "#0A0A0F",
          "ratio": 6.55,
          "passesNonText": true,
          "passesText": true
        },
        "note": "Computed at build time from the exact colours this theme ships. foreground/background name the operands so you can recompute. The mark itself is non-text; passesText applies only if you reuse the accent for type."
      },
      "byteSizes": {
        "16": 420,
        "32": 793,
        "48": 941,
        "64": 1402,
        "128": 2692,
        "256": 5569,
        "512": 12756
      }
    }
  ],
  "note": "Pair a theme with the SAME option number; options span multiple palettes.",
  "more": "https://myorg.ai/favicons"
}