Gradient-fill standalone heading using CSS background-clip text. Simpler than dark_hero — just the text, no padding or CTA. Use inside content flow between other atoms.
| Field | Type | |
|---|---|---|
| text | string. Heading text. | required |
| gradient | string. CSS gradient value. Default indigo→violet→pink. | optional |
| size | string. Font-size. Default clamp(1.8rem,4vw,3rem). | optional |
| weight | integer. Font-weight. Default 900. | optional |
| align | string. text-align. Default left. | optional |
| margin | string. CSS margin. Default 16px 0 6px. | optional |
{
"type": "gradient_heading",
"text": "A concise description of the content."
}{
"identifier": "urn:air:a2uicatalog.ai:atom:gradient_heading",
"displayName": "Gradient Heading",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/gradient_heading",
"capabilities": [
"apps-script-web",
"web",
"meet-stage"
],
"description": "Gradient-fill standalone heading using CSS background-clip text. Simpler than dark_hero \u2014 just the text, no padding or CTA. Use inside content flow between other atoms.",
"representativeQueries": [
"show a gradient-fill standalone heading",
"gradient-fill standalone heading using css background-clip text. simpler than dark_hero \u2014 just the t",
"render a gradient heading"
]
}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