Back to Studio
Drafts 0
BridgeComfortable

Previews use

Applies to every design system preview on the site. The Bridge app chrome stays the same.

Brand

Density

Repository

Read from bridge.config.json. Change it in a pull request: it is a guarded file, reviewed at the highest tier.

Source

Repository
peterbono/ai-design-system-demo
Default branch
main
This site was built from
main at 7f40154, Oct 17, 2026
Token root
packages/tokens/src
Contrast gate
packages/tokens/src/contrast.checks.json
Components
packages/react/src/components
Changesets
.changeset

Token tiers and modes

Primitive
primitives
Brand
brands
Base
semantic/base.tokens.json
Semantic
semantic
Density
density
Component
components
Brand modes
bridge, defaultocean
Theme modes
light, defaultdark
Density modes
comfortable, defaultcompact

Owners and previews

Design owners
peterbono
Tech owners
peterbono
May merge past missing approvals
peterbono , with a reason of 20 characters or more
Preview deploys
docs, storybook, admin
Snapshot packages
@bridge-ds/tokens, @bridge-ds/core, @bridge-ds/react

Risk tiers and approval rules: Governance.

Show bridge.config.json
{
  "$schema": "./packages/core/bridge.config.schema.json",
  "version": 1,
  "repo": {
    "owner": "peterbono",
    "name": "ai-design-system-demo",
    "defaultBranch": "main"
  },
  "tokens": {
    "root": "packages/tokens/src",
    "include": ["**/*.tokens.json"],
    "tiers": {
      "primitive": ["primitives"],
      "brand": ["brands"],
      "base": ["semantic/base.tokens.json"],
      "semantic": ["semantic"],
      "density": ["density"],
      "component": ["components"]
    },
    "layers": [
      { "files": "primitives/*.tokens.json" },
      { "files": "semantic/base.tokens.json" },
      { "files": "brands/{brand}.tokens.json" },
      { "files": "semantic/{theme}.tokens.json" },
      { "files": "brands/{brand}.{theme}.tokens.json", "optional": true },
      { "files": "density/{density}.tokens.json" },
      { "files": "components/*.tokens.json" }
    ]
  },
  "modes": {
    "brand": { "values": ["bridge", "ocean"], "default": "bridge" },
    "theme": { "values": ["light", "dark"], "default": "light", "parity": true },
    "density": { "values": ["comfortable", "compact"], "default": "comfortable" }
  },
  "contrast": { "path": "packages/tokens/src/contrast.checks.json", "modes": ["brand", "theme"] },
  "components": {
    "dir": "packages/react/src/components",
    "docsSuffix": ".docs.json",
    "styleSuffix": ".module.css",
    "reference": "Button",
    "index": "packages/react/src/index.ts"
  },
  "docs": {
    "designLanguage": "docs/DESIGN-LANGUAGE.md",
    "guidelines": "AGENTS.md",
    "governance": "docs/GOVERNANCE.md"
  },
  "changesets": { "dir": ".changeset", "package": "@bridge-ds/tokens" },
  "cssVar": { "prefix": "--", "separator": "-" },
  "governance": {
    "protectedBranches": ["main", "master"],
    "branchPrefix": "bridge/",
    "labels": ["source: mcp"],
    "guardrails": [
      "AGENTS.md",
      "CLAUDE.md",
      ".github/",
      ".stylelintrc.json",
      "docs/GOVERNANCE.md",
      "bridge.config.json",
      "packages/tokens/src/contrast.checks.json"
    ],
    "owners": { "design": ["peterbono"], "tech": ["peterbono"] },
    "override": { "allowed": ["peterbono"], "requireReason": true, "minReasonLength": 20 }
  },
  "previews": {
    "packages": ["@bridge-ds/tokens", "@bridge-ds/core", "@bridge-ds/react"],
    "apps": {
      "docs": "https://bridge-docs-git-{branch}-peterbonos-projects.vercel.app",
      "storybook": "https://bridge-storybook-git-{branch}-peterbonos-projects.vercel.app",
      "admin": "https://bridge-admin-git-{branch}-peterbonos-projects.vercel.app"
    },
    "production": {
      "docs": "https://bridge.floriangouloubi.com",
      "storybook": "https://bridge-storybook.floriangouloubi.com",
      "admin": "https://bridge-demo.floriangouloubi.com"
    }
  }
}

Connect GitHub

Reading pull requests works without a token. To approve, comment, merge or propose token changes, paste a fine-grained personal access token limited to peterbono/ai-design-system-demo.

  1. Create a token on GitHub, repository access: only ai-design-system-demo.
  2. Permissions: Pull requests read and write, Contents read and write, Commit statuses and Checks read.
  3. Paste it below. It stays in this browser (localStorage) and is only sent to api.github.com.