Palette

Sets page-level CSS custom properties (accent colours, block gap) for consistent theming across all atoms. Use as the first block in any payload.

Surfaces

gasweb

Fields

Field	Type
accent	hex colour string. Sets --a2ui-accent CSS var used by all atoms as default accent.	required
accent2	hex colour string. Secondary accent.	optional
block_gap	CSS length (default 1.25rem). Vertical gap between atom blocks.	required
text_color	hex. Overrides --text CSS var.	optional
bg_color	hex. Overrides --bg CSS var.	optional

Example payload

{
  "type": "palette"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:palette",
  "displayName": "Palette",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/palette",
  "capabilities": [
    "gas",
    "web"
  ],
  "description": "",
  "representativeQueries": [
    "show a Sets page-level CSS custom properties (accent colours, block gap) for consistent theming across all atoms. Use as the first block in any payload",
    "render a palette"
  ]
}

← Full ARD catalog Try it live →

Deploy your own renderer

The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy

Full deploy guide →