The catalogue's own orbit mark, alive: the header logo (three orbit ellipses, nucleus, electron) drawn on canvas with a flow field around it -- hundreds of luminous streams ride a noise field and, when they pass near an orbit, get captured into it and circle the nucleus like electrons before drifting off again; the nucleus glows as a sink and a real electron runs the first orbit. Optional eyebrow/title/body copy sits beside the mark behind a readability veil, so it works as a brand hero or a cover slide. Pointer bends the field. Honours prefers-reduced-motion (one pre-simulated frame), pauses offscreen, DPR-aware. Dark backgrounds only. Same kit and hardening as flow_field: every option is an enum or a clamped int, colours must be #rrggbb.
| Surface | Note |
|---|---|
| Renders as a plain dark panel with the copy; the canvas is empty without JavaScript | |
| google-chat | Inline script not supported; renders as a solid dark panel with the copy |
| Field | Type | Required |
|---|---|---|
| title | string. Headline beside the mark. | optional |
| eyebrow | string. Small uppercase label above the title, tinted with the first colour. | optional |
| body | string. Supporting copy under the title (markdown inline supported). | optional |
| align | "left" | "center" | "right" (optional, default "left"). Where the copy sits. | optional |
| mark_position | "center" | "right" | "left" (optional, default "center"). Where the mark sits; put it opposite the copy. | optional |
| size | "small" | "normal" | "large" (optional, default "normal"). Mark diameter relative to the panel. | optional |
| colors | array of 1-4 "#rrggbb" strings. Default ["#4f46e5","#a855f7","#22d3ee"]. First colour is the orbits and nucleus, second the electron, all of them the streams. | optional |
| background | "#rrggbb". Default "#070a12". Keep it dark. | optional |
| density | "low" | "normal" | "high" (optional, default "normal") | optional |
| speed | "slow" | "normal" | "fast" (optional, default "normal") | optional |
| trail | "short" | "normal" | "long" (optional, default "normal") | optional |
| electron | bool. Animate an electron along the first orbit. Default true. | optional |
| height | integer. Panel height in px, clamped 200-900. Default 360. | optional |
| interactive | bool. Pointer bends the field. Default true. | optional |
{
"type": "orbit_mark"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:orbit_mark",
"displayName": "Orbit Mark",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/orbit_mark",
"capabilities": [
"web",
"google-meet-stage",
"google-apps-script-web",
"mcp-apps",
"android"
],
"description": "The catalogue's own orbit mark, alive: the header logo (three orbit ellipses, nucleus, electron) drawn on canvas with a flow field around it -- hundreds of luminous streams ride a noise field and, when they pass near an orbit, get captured into it and circle the nucleus like electrons before drifting off again; the nucleus glows as a sink and a real electron runs the first orbit. Optional eyebrow/title/body copy sits beside the mark behind a readability veil, so it works as a brand hero or a cover slide. Pointer bends the field. Honours prefers-reduced-motion (one pre-simulated frame), pauses offscreen, DPR-aware. Dark backgrounds only. Same kit and hardening as flow_field: every option is an enum or a clamped int, colours must be #rrggbb.",
"representativeQueries": [
"show a the a2ui orbit-mark logo with flow-field streams captured into its orbits",
"the catalogue's own orbit mark, alive: the header logo (three orbit ellipses, nucleus, electron) dra",
"render a orbit mark"
]
}The renderer is an open-source Google Apps Script web app. 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 a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy