Brands

The shipped brands

OODS Foundry ships 2 brands, each in light, dark and high contrast. You can make your own from a recipe, or from your own colour values.

Brands A and B in each theme, as their components render.

Brand A

Ships with OODS Foundry. Neutral first: the primary action takes the neutral (near-black in light), with grey structure, an indigo accent and Geist. Its charts lead with indigo.

Brand B

Ships with OODS Foundry. Brand A's neutral, with a violet primary and DM Sans. Its charts lead with violet.

Make your own

This site's brand, Aquex, was made this way from a neutral recipe with aquex.ai's teal as its one accent, with the published OODS Foundry. Each step shows its real call.

Harbor is the example team brand in the package's quickstart, made the same way from the quickstart's colour values. The system overview shows the quickstart's Warehouse in it.

1. Template. brand_create lists every slot, with what it's for and a starting value from a shipped brand or a preset. Or give it a recipe: the neutral's hue and tint, the accent's hue, which of them is the primary action, the corner radius and the font. It returns the whole brand the recipe gives, graded.

   This site's call, with its recipe

   {
     "action": "template",
     "from": {
       "recipe": {
         "neutralHue": 250,
         "neutralChroma": 0.008,
         "accentHue": 183,
         "primary": "neutral",
         "radius": 8,
         "font": "DM Sans"
       }
     }
   }

   It returned each theme's slots and the presets:

   {
     "slots": {
       "base": 103,
       "dark": 96,
       "hc": 96
     },
     "presets": [
       "corporate-blue",
       "dark-minimal",
       "startup-warm"
     ]
   }

2. Validate. It checks every slot and colour, the contrast of every text, icon, control border and focus ring pair, and that the chart colours reach 3:1 against the canvas, in each theme. It writes nothing.

   This site's call, with its recipe

   {
     "action": "validate",
     "brand_id": "Aquex",
     "recipe": {
       "neutralHue": 250,
       "neutralChroma": 0.008,
       "accentHue": 183,
       "primary": "neutral",
       "radius": 8,
       "font": "DM Sans"
     }
   }

   Its report:

   {
     "action": "validate",
     "valid": true,
     "brand_id": "Aquex",
     "themes": {
       "base": {
         "label": "light",
         "slots": 103,
         "provided": 103
       },
       "dark": {
         "label": "dark",
         "slots": 96,
         "provided": 96
       },
       "hc": {
         "label": "high contrast",
         "slots": 96,
         "provided": 96
       }
     },
     "issues": [],
     "contrast": {
       "base": {
         "graded": 84,
         "passed": 84,
         "failed": 0,
         "ungraded": 0,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       },
       "dark": {
         "graded": 84,
         "passed": 84,
         "failed": 0,
         "ungraded": 0,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       },
       "hc": {
         "graded": 83,
         "passed": 83,
         "failed": 0,
         "ungraded": 0,
         "systemColoursResolvedIn": "Chromium 141.0.7390.37 without forced colours (macOS and Linux, light and dark color-scheme), 2026-09-29",
         "exempt": 1,
         "charts": {
           "graded": 7,
           "passed": 7,
           "failed": 0,
           "ungraded": 0
         }
       }
     },
     "files": [
       {
         "theme": "base",
         "path": "Aquex/base.json",
         "sha256": "fd02a715ec0811ae19fc0c845092e104eb6269933a9a708a0aec98117e59607f",
         "bytes": 32539
       },
       {
         "theme": "dark",
         "path": "Aquex/dark.json",
         "sha256": "d16368b455b291d2ba5d839e75a964a542e9fb23aa72cbe465dbdc9be749a212",
         "bytes": 30976
       },
       {
         "theme": "hc",
         "path": "Aquex/hc.json",
         "sha256": "81b4883cc956a429a9829eb072c4502ac0021bbd3c460194b987fbadfccdc4fd",
         "bytes": 19759
       }
     ]
   }

3. Create. It writes the brand to your brands folder and builds it. Previews, generated apps, charts and dashboards can use it at once.

   This site's call

   {
     "action": "create",
     "brand_id": "Aquex",
     "recipe": {
       "neutralHue": 250,
       "neutralChroma": 0.008,
       "accentHue": 183,
       "primary": "neutral",
       "radius": 8,
       "font": "DM Sans"
     }
   }

   Its result:

   {
     "created": true,
     "brand_id": "Aquex",
     "folder": "~/.oods-foundry/brands",
     "build": {
       "exitCode": 0,
       "durationMs": 3461
     },
     "brands": [
       "A",
       "Aquex",
       "B"
     ]
   }

This site's contrast report

What validate reported for Aquex:

light

84 of 84 pairs pass; 7 of 7 chart colours clear 3:1

dark

84 of 84 pairs pass; 7 of 7 chart colours clear 3:1

high contrast

83 of 83 pairs pass; 1 pair is exempt; 7 of 7 chart colours clear 3:1. System colours graded as resolved in Chromium 141.0.7390.37 without forced colours (macOS and Linux, light and dark color-scheme), 2026-09-29

Limits

• A brand is OODS Foundry's own slots, 103 in light, 96 in dark and 96 in high contrast, filled from a recipe or by you.
• A recipe fills the slots without your own token names. Your team's DTCG token file keeps the names, aliases and modes it supports once you accept the draft: Keep your token names.
• The shipped brands can't be edited from npm.