Skip to main content
Cover steps are full-screen moments that are not tied to a captured product screen. Use them for introductions, transitions, endings, lead capture, embedded content, and calls to action. A closing screen is usually just the final cover step, with a button to replay the demo or open another URL. 
{
  "kind": "cover",
  "id": "intro",
  "widgets": [
    {
      "type": "headline",
      "id": "intro-headline",
      "title": "Your demo in *60 seconds*.",
      "description": "Spin up a sharable demo from a single prompt.",
      "cta": {
        "label": "Get started",
        "animation": "shimmer",
        "action": { "type": "next" }
      }
    }
  ],
  "advance": { "trigger": "click" }
}
FieldTypeRequiredDefaultNotes
kind"cover"Yes—Step discriminator.
idstringYes—Step id.
labelstringNo—Optional label.
widgetsobject[]Yes—Exactly one widget. See Widgets.
backgroundobjectNo—Per-cover backdrop. See Cover background.
backgroundImageobjectNo—Backdrop image layer behind the widget. { src, alt? }.
backgroundDimnumberNo—Dim overlay for contrast, 0 to 1.
scriptstringNo—Narration script.
voiceoverobjectNo—Voiceover audio. Same shape as content steps.
durationnumberNo—Duration in milliseconds. Positive.
advanceobjectNo{ "trigger": "click" }trigger is "auto" or "click". Covers default to waiting for viewer action.

​
Cover background

Use background when you want to style the cover canvas behind the widget.
FieldTypeRequiredDefaultNotes
type"color" | "image" | "glassmorphism"Yes—color uses a flat fill or gradient, image uses src, and glassmorphism derives a blurred visual from demo imagery.
colorstringConditional—Hex color for a flat fill. Required for type: "color" unless from/to are set.
fromstringConditional—Gradient start hex. Required together with to for a gradient.
tostringConditional—Gradient end hex. Required together with from.
srcstringConditional—Image source. Required for type: "image" and optional as a preview fallback for glassmorphism.
altstringNo—Alt text for the image source.
intensitynumberNo—Blur intensity for glassmorphism. Accepted range is -5 to 48.