Theme recipe

Glass Product page-template review

Layered translucent panels for demos, product storytelling, and immersive showcases.

Recipe readiness

CMS clone and polish contract

ensemble.template-polish.v0
Ready

3/3

Compatible templates clearing the recipe-aware polish audit.

Score

100%

Average page-template polish score for this recipe lens.

Clone

3

Clone manifests with explicit slot, config, block, and audit data.

Routes

0

Colorway demo routes proving recipe portability across themes.

Component coverage

Block types and page roles exercised by this recipe

6 block types
Pages

3

Compatible template pages contributing component coverage.

Blocks

14

Block instances reviewed across compatible page templates.

Types

6

Distinct runtime block types exercised in this recipe lens.

Roles

4

Composition roles represented across the page structures.

Block types

bento-grid1conversion-cta3feature-spotlight2hero3media_block2metric-grid3

Page roles

convert3educate5hook3prove3
Templates

3

Common CMS page templates compatible with this recipe.

Colorways

0

Cloud Elephants colorway route groups using this recipe.

Status

covered

A gap means no page template has opted into this recipe yet.

Polish

100%

3 of 3 compatible templates are audit-ready.

Compatible templates

Page-by-page review

3 pages
splash

Splash

A focused first impression page with one primary action.

visual-entry3 slots18 editable fields3 block typesglassmorphic100% polish
Editable slots

3 CMS composition points

18 fields
  • Splash Herohero | priority 1 | hook
    eyebrowtitlesubtitlectavisualbackgroundmetrics
  • Launch Signalsmetric-grid | priority 2 | prove
    titledescriptionmetrics
  • Primary Actionconversion-cta | priority 3 | convert
    titledescriptionbuttonTextbuttonHrefsecondaryCtalinksevent_nameobjective_ref
ready7/7 checks
  • CMS composition3 editable slots | 3 cloneable blocks
  • Recipe alignmentfocused recipe glass-product | 8 compatible themes
  • Visual assetsreplaceable image or media fields are present
  • Action clarityprimary actions, links, or conversion role detected
  • Proof and trustproof role, metrics, FAQs, testimonials, or evidence cards detected
  • SEO and socialOpen Graph fields required | JSON-LD remains explicit-only
  • Responsive surfacesurface standard | density comfortable
Clone manifest
{
  "schema_version": "ensemble.template-review.clone.v0",
  "clone_group": "common-page-templates-v1",
  "template_id": "common-splash",
  "route": "/demo-sites/page-templates/splash",
  "api_href": "/api/ensemble/templates/pages/common-splash?include_page=true",
  "title": "Splash Template",
  "description": "A focused first impression page with one primary action.",
  "primary_goal": "splash_primary_action",
  "layout": {
    "template": "common-splash",
    "theme": "ensemble-foundry-lab",
    "variant": "glassmorphic"
  },
  "page_config": {
    "surface": {
      "mode": "standard",
      "chrome": "theme",
      "width": "content",
      "min_height": "content"
    },
    "appearance": {
      "preset": "glassmorphic",
      "allowed_presets": [
        "shadcn",
        "bento",
        "glassmorphic",
        "elevated",
        "block",
        "dashboard",
        "neumorphic"
      ],
      "density": "comfortable",
      "motion": "subtle"
    }
  },
  "slot_model": [
    {
      "slot": "splash_hero",
      "label": "Splash Hero",
      "block_id": "common-splash-hero",
      "block_type": "hero",
      "required": true,
      "editable_fields": [
        "eyebrow",
        "title",
        "subtitle",
        "cta",
        "visual",
        "background",
        "metrics"
      ],
      "editable_field_count": 7,
      "role": "hook",
      "clone_priority": 1,
      "summary": "7 editable fields on hero for hook."
    },
    {
      "slot": "launch_signals",
      "label": "Launch Signals",
      "block_id": "common-splash-launch_signals",
      "block_type": "metric-grid",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "metrics"
      ],
      "editable_field_count": 3,
      "role": "prove",
      "clone_priority": 2,
      "summary": "3 editable fields on metric-grid for prove."
    },
    {
      "slot": "primary_action",
      "label": "Primary Action",
      "block_id": "common-splash-primary_action",
      "block_type": "conversion-cta",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "buttonText",
        "buttonHref",
        "secondaryCta",
        "links",
        "event_name",
        "objective_ref"
      ],
      "editable_field_count": 8,
      "role": "convert",
      "clone_priority": 3,
      "summary": "8 editable fields on conversion-cta for convert."
    }
  ],
  "slot_summary": {
    "slot_count": 3,
    "editable_field_count": 18,
    "roles": [
      "hook",
      "prove",
      "convert"
    ]
  },
  "compatible_recipes": [
    "bold-launch",
    "glass-product",
    "polished-saas-growth"
  ],
  "compatible_themes": [
    "ensemble-daylight",
    "ensemble-minimal-ink",
    "ensemble-ops-dark",
    "ensemble-foundry-lab",
    "cloud-elephants-deep-sky",
    "cloud-elephants-aqua-operator",
    "cloud-elephants-coral-launch",
    "cloud-elephants-ink-mist"
  ],
  "seo_model": {
    "required_fields": [
      "title",
      "description",
      "canonical_url",
      "open_graph.title",
      "open_graph.description",
      "open_graph.image"
    ],
    "social_preview_fields": [
      "title",
      "description",
      "image",
      "image_alt",
      "site_name",
      "locale",
      "twitter_card"
    ],
    "structured_data_policy": "explicit-json-ld-only",
    "suggested_json_ld_types": [
      "WebPage"
    ]
  },
  "cms_usage": {
    "replace_placeholders": true,
    "review_required_before_publish": true,
    "safe_for_static_export": true,
    "safe_for_wordpress_snapshot": true
  },
  "polish_audit": {
    "protocol": "ensemble.template-polish.v0",
    "status": "ready",
    "score": 100,
    "ready_count": 7,
    "dimension_count": 7,
    "dimensions": [
      {
        "id": "composition-ready",
        "label": "CMS composition",
        "status": "ready",
        "evidence": [
          "3 editable slots",
          "3 cloneable blocks"
        ]
      },
      {
        "id": "recipe-alignment",
        "label": "Recipe alignment",
        "status": "ready",
        "evidence": [
          "3 compatible recipes",
          "8 compatible themes",
          "default glassmorphic"
        ]
      },
      {
        "id": "visual-assets",
        "label": "Visual assets",
        "status": "ready",
        "evidence": [
          "replaceable image or media fields are present"
        ]
      },
      {
        "id": "action-clarity",
        "label": "Action clarity",
        "status": "ready",
        "evidence": [
          "primary actions, links, or conversion role detected"
        ]
      },
      {
        "id": "proof-and-trust",
        "label": "Proof and trust",
        "status": "ready",
        "evidence": [
          "proof role, metrics, FAQs, testimonials, or evidence cards detected"
        ]
      },
      {
        "id": "seo-social-ready",
        "label": "SEO and social",
        "status": "ready",
        "evidence": [
          "Open Graph fields required",
          "JSON-LD remains explicit-only"
        ]
      },
      {
        "id": "responsive-surface",
        "label": "Responsive surface",
        "status": "ready",
        "evidence": [
          "surface standard",
          "density comfortable"
        ]
      }
    ],
    "next_actions": []
  },
  "blocks": [
    {
      "id": "common-splash-hero",
      "block_type": "hero",
      "block_order": 1,
      "metadata": {
        "block_role": "hook",
        "template_slot": "splash_hero",
        "cloneable": true,
        "clone_priority": 1,
        "editable_fields": [
          "eyebrow",
          "title",
          "subtitle",
          "cta",
          "visual",
          "background",
          "metrics"
        ]
      },
      "props": {
        "eyebrow": "Splash",
        "title": "Introduce the moment with one decisive action.",
        "subtitle": "A splash page should make one promise, one audience, and one next step unmistakable.",
        "background": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%23166bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%23166bff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3ESplash%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Introduce the moment with one decisive action. visual",
          "overlay": "dark"
        },
        "visual": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%23166bff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%23166bff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3ESplash%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Introduce the moment with one decisive action. visual",
          "title": "Replaceable hero media"
        },
        "cta": {
          "text": "Enter the experience",
          "href": "#primary-action",
          "aria_label": "Introduce the moment with one decisive action.: Enter the experience"
        },
        "appearance": {
          "preset": "glassmorphic"
        }
      }
    },
    {
      "id": "common-splash-launch_signals",
      "block_type": "metric-grid",
      "block_order": 2,
      "metadata": {
        "block_role": "prove",
        "template_slot": "launch_signals",
        "cloneable": true,
        "clone_priority": 2,
        "editable_fields": [
          "title",
          "description",
          "metrics"
        ]
      },
      "props": {
        "title": "Launch signals",
        "metrics": [
          {
            "label": "Primary action",
            "value": "1",
            "description": "Keep the page focused on one conversion.",
            "progress": 100
          },
          {
            "label": "Sections",
            "value": "3",
            "description": "Hero, proof, action.",
            "progress": 75
          },
          {
            "label": "Media",
            "value": "Ready",
            "description": "Supports background or product imagery.",
            "progress": 85
          }
        ],
        "appearance": {
          "preset": "dashboard"
        }
      }
    },
    {
      "id": "common-splash-primary_action",
      "block_type": "conversion-cta",
      "block_order": 3,
      "metadata": {
        "block_role": "convert",
        "template_slot": "primary_action",
        "cloneable": true,
        "clone_priority": 3,
        "editable_fields": [
          "title",
          "description",
          "buttonText",
          "buttonHref",
          "secondaryCta",
          "links",
          "event_name",
          "objective_ref"
        ]
      },
      "props": {
        "title": "Move visitors into the main experience.",
        "description": "Choose the next step that fits your timing and goals.",
        "buttonText": "Continue",
        "buttonHref": "#primary-action",
        "secondaryCta": {
          "text": "Compare options",
          "href": "#template-slots"
        },
        "links": [
          {
            "label": "View recipe",
            "href": "#template-colorways"
          },
          {
            "label": "Inspect CMS data",
            "href": "#template-slots"
          }
        ],
        "aria_label": "Move visitors into the main experience.: Continue",
        "event_name": "splash.primary_clicked",
        "objective_ref": "splash",
        "appearance": {
          "preset": "elevated"
        }
      }
    }
  ]
}
product-announcement

New Product Announcement

A product launch page with media, product value, launch details, and conversion action.

launch-story6 slots32 editable fields6 block typesglassmorphic100% polish
Editable slots

6 CMS composition points

32 fields
  • Announcement Herohero | priority 1 | hook
    eyebrowtitlesubtitlectavisualbackgroundmetrics
  • Product Mediamedia_block | priority 2 | educate
    srcalttitledescriptioncaptionlayout
  • Launch Highlightfeature-spotlight | priority 3 | educate
    titledescriptionmediaexpected_outcomespreview_workflow
  • Launch Detailsbento-grid | priority 4 | educate
    titledescriptionitems
  • Launch Proofmetric-grid | priority 5 | prove
    titledescriptionmetrics
  • Launch Actionconversion-cta | priority 6 | convert
    titledescriptionbuttonTextbuttonHrefsecondaryCtalinksevent_nameobjective_ref
ready7/7 checks
  • CMS composition6 editable slots | 6 cloneable blocks
  • Recipe alignmentfocused recipe glass-product | 8 compatible themes
  • Visual assetsreplaceable image or media fields are present
  • Action clarityprimary actions, links, or conversion role detected
  • Proof and trustproof role, metrics, FAQs, testimonials, or evidence cards detected
  • SEO and socialOpen Graph fields required | JSON-LD remains explicit-only
  • Responsive surfacesurface standard | density comfortable
Clone manifest
{
  "schema_version": "ensemble.template-review.clone.v0",
  "clone_group": "common-page-templates-v1",
  "template_id": "common-product-announcement",
  "route": "/demo-sites/page-templates/product-announcement",
  "api_href": "/api/ensemble/templates/pages/common-product-announcement?include_page=true",
  "title": "New Product Announcement Template",
  "description": "A product launch page with media, product value, launch details, and conversion action.",
  "primary_goal": "product_launch_activation",
  "layout": {
    "template": "common-product-announcement",
    "theme": "ensemble-foundry-lab",
    "variant": "glassmorphic"
  },
  "page_config": {
    "surface": {
      "mode": "standard",
      "chrome": "theme",
      "width": "content",
      "min_height": "content"
    },
    "appearance": {
      "preset": "glassmorphic",
      "allowed_presets": [
        "shadcn",
        "bento",
        "glassmorphic",
        "elevated",
        "block",
        "dashboard",
        "neumorphic"
      ],
      "density": "comfortable",
      "motion": "subtle"
    }
  },
  "slot_model": [
    {
      "slot": "announcement_hero",
      "label": "Announcement Hero",
      "block_id": "common-product-announcement-hero",
      "block_type": "hero",
      "required": true,
      "editable_fields": [
        "eyebrow",
        "title",
        "subtitle",
        "cta",
        "visual",
        "background",
        "metrics"
      ],
      "editable_field_count": 7,
      "role": "hook",
      "clone_priority": 1,
      "summary": "7 editable fields on hero for hook."
    },
    {
      "slot": "product_media",
      "label": "Product Media",
      "block_id": "common-product-announcement-product_media",
      "block_type": "media_block",
      "required": true,
      "editable_fields": [
        "src",
        "alt",
        "title",
        "description",
        "caption",
        "layout"
      ],
      "editable_field_count": 6,
      "role": "educate",
      "clone_priority": 2,
      "summary": "6 editable fields on media_block for educate."
    },
    {
      "slot": "launch_highlight",
      "label": "Launch Highlight",
      "block_id": "common-product-announcement-launch_highlight",
      "block_type": "feature-spotlight",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "media",
        "expected_outcomes",
        "preview_workflow"
      ],
      "editable_field_count": 5,
      "role": "educate",
      "clone_priority": 3,
      "summary": "5 editable fields on feature-spotlight for educate."
    },
    {
      "slot": "launch_details",
      "label": "Launch Details",
      "block_id": "common-product-announcement-launch_details",
      "block_type": "bento-grid",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "items"
      ],
      "editable_field_count": 3,
      "role": "educate",
      "clone_priority": 4,
      "summary": "3 editable fields on bento-grid for educate."
    },
    {
      "slot": "launch_proof",
      "label": "Launch Proof",
      "block_id": "common-product-announcement-launch_proof",
      "block_type": "metric-grid",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "metrics"
      ],
      "editable_field_count": 3,
      "role": "prove",
      "clone_priority": 5,
      "summary": "3 editable fields on metric-grid for prove."
    },
    {
      "slot": "launch_action",
      "label": "Launch Action",
      "block_id": "common-product-announcement-launch_action",
      "block_type": "conversion-cta",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "buttonText",
        "buttonHref",
        "secondaryCta",
        "links",
        "event_name",
        "objective_ref"
      ],
      "editable_field_count": 8,
      "role": "convert",
      "clone_priority": 6,
      "summary": "8 editable fields on conversion-cta for convert."
    }
  ],
  "slot_summary": {
    "slot_count": 6,
    "editable_field_count": 32,
    "roles": [
      "hook",
      "educate",
      "prove",
      "convert"
    ]
  },
  "compatible_recipes": [
    "bold-launch",
    "glass-product",
    "polished-saas-growth"
  ],
  "compatible_themes": [
    "ensemble-daylight",
    "ensemble-minimal-ink",
    "ensemble-ops-dark",
    "ensemble-foundry-lab",
    "cloud-elephants-deep-sky",
    "cloud-elephants-aqua-operator",
    "cloud-elephants-coral-launch",
    "cloud-elephants-ink-mist"
  ],
  "seo_model": {
    "required_fields": [
      "title",
      "description",
      "canonical_url",
      "open_graph.title",
      "open_graph.description",
      "open_graph.image"
    ],
    "social_preview_fields": [
      "title",
      "description",
      "image",
      "image_alt",
      "site_name",
      "locale",
      "twitter_card"
    ],
    "structured_data_policy": "explicit-json-ld-only",
    "suggested_json_ld_types": [
      "Product",
      "WebPage",
      "SoftwareApplication"
    ]
  },
  "cms_usage": {
    "replace_placeholders": true,
    "review_required_before_publish": true,
    "safe_for_static_export": true,
    "safe_for_wordpress_snapshot": true
  },
  "polish_audit": {
    "protocol": "ensemble.template-polish.v0",
    "status": "ready",
    "score": 100,
    "ready_count": 7,
    "dimension_count": 7,
    "dimensions": [
      {
        "id": "composition-ready",
        "label": "CMS composition",
        "status": "ready",
        "evidence": [
          "6 editable slots",
          "6 cloneable blocks"
        ]
      },
      {
        "id": "recipe-alignment",
        "label": "Recipe alignment",
        "status": "ready",
        "evidence": [
          "3 compatible recipes",
          "8 compatible themes",
          "default glassmorphic"
        ]
      },
      {
        "id": "visual-assets",
        "label": "Visual assets",
        "status": "ready",
        "evidence": [
          "replaceable image or media fields are present"
        ]
      },
      {
        "id": "action-clarity",
        "label": "Action clarity",
        "status": "ready",
        "evidence": [
          "primary actions, links, or conversion role detected"
        ]
      },
      {
        "id": "proof-and-trust",
        "label": "Proof and trust",
        "status": "ready",
        "evidence": [
          "proof role, metrics, FAQs, testimonials, or evidence cards detected"
        ]
      },
      {
        "id": "seo-social-ready",
        "label": "SEO and social",
        "status": "ready",
        "evidence": [
          "Open Graph fields required",
          "JSON-LD remains explicit-only"
        ]
      },
      {
        "id": "responsive-surface",
        "label": "Responsive surface",
        "status": "ready",
        "evidence": [
          "surface standard",
          "density comfortable"
        ]
      }
    ],
    "next_actions": []
  },
  "blocks": [
    {
      "id": "common-product-announcement-hero",
      "block_type": "hero",
      "block_order": 1,
      "metadata": {
        "block_role": "hook",
        "template_slot": "announcement_hero",
        "cloneable": true,
        "clone_priority": 1,
        "editable_fields": [
          "eyebrow",
          "title",
          "subtitle",
          "cta",
          "visual",
          "background",
          "metrics"
        ]
      },
      "props": {
        "eyebrow": "New product",
        "title": "Launch a new product with proof and next steps.",
        "subtitle": "Tell visitors what changed, who it is for, and how to try it.",
        "background": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3ELaunch%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Launch a new product with proof and next steps. visual",
          "overlay": "dark"
        },
        "visual": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3ELaunch%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Launch a new product with proof and next steps. visual",
          "title": "Replaceable hero media"
        },
        "cta": {
          "text": "See the product",
          "href": "#primary-action",
          "aria_label": "Launch a new product with proof and next steps.: See the product"
        },
        "appearance": {
          "preset": "glassmorphic"
        }
      }
    },
    {
      "id": "common-product-announcement-product_media",
      "block_type": "media_block",
      "block_order": 2,
      "metadata": {
        "block_role": "educate",
        "template_slot": "product_media",
        "cloneable": true,
        "clone_priority": 2,
        "editable_fields": [
          "src",
          "alt",
          "title",
          "description",
          "caption",
          "layout"
        ]
      },
      "props": {
        "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
        "alt": "Product preview placeholder media",
        "title": "Product preview",
        "description": "Show the new product, workflow, or outcome in context.",
        "caption": "Approved campaign media can live here with accessible caption support.",
        "layout": "split"
      }
    },
    {
      "id": "common-product-announcement-launch_highlight",
      "block_type": "feature-spotlight",
      "block_order": 3,
      "metadata": {
        "block_role": "educate",
        "template_slot": "launch_highlight",
        "cloneable": true,
        "clone_priority": 3,
        "editable_fields": [
          "title",
          "description",
          "media",
          "expected_outcomes",
          "preview_workflow"
        ]
      },
      "props": {
        "title": "What is new",
        "description": "Summarize the product capability in concrete, outcome-oriented terms.",
        "media": {
          "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt": "What is new preview",
          "caption": "Replace this placeholder with approved product, workflow, or customer-result media."
        },
        "expected_outcomes": [
          "Faster evaluation",
          "Clearer workflow",
          "Measurable adoption path"
        ],
        "preview_workflow": "common-product-announcement-workflow",
        "appearance": {
          "preset": "glassmorphic"
        }
      }
    },
    {
      "id": "common-product-announcement-launch_details",
      "block_type": "bento-grid",
      "block_order": 4,
      "metadata": {
        "block_role": "educate",
        "template_slot": "launch_details",
        "cloneable": true,
        "clone_priority": 4,
        "editable_fields": [
          "title",
          "description",
          "items"
        ]
      },
      "props": {
        "title": "Launch details",
        "description": "Use this grid to balance story, proof, action, and media inside one editorial section.",
        "items": [
          {
            "kicker": "Audience",
            "title": "Who it is for",
            "description": "Name the primary buyer, user, or operator.",
            "span": "wide",
            "badges": [
              "Audience",
              "primary"
            ],
            "href": "#launch_details-1",
            "ctaLabel": "Open detail",
            "metric": "A",
            "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%238ff7cf%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3ELaunch%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
            "alt": "Who it is for visual",
            "caption": "Replaceable CMS media keeps this tile from feeling generic."
          },
          {
            "kicker": "Proof",
            "title": "Why now",
            "description": "Explain the evidence behind the launch.",
            "badges": [
              "Proof",
              "supporting"
            ],
            "href": "#launch_details-2",
            "ctaLabel": "View"
          },
          {
            "kicker": "Action",
            "title": "How to try it",
            "description": "Point to the activation path.",
            "badges": [
              "Action",
              "supporting"
            ],
            "href": "#launch_details-3",
            "ctaLabel": "View"
          }
        ],
        "appearance": {
          "preset": "bento"
        }
      }
    },
    {
      "id": "common-product-announcement-launch_proof",
      "block_type": "metric-grid",
      "block_order": 5,
      "metadata": {
        "block_role": "prove",
        "template_slot": "launch_proof",
        "cloneable": true,
        "clone_priority": 5,
        "editable_fields": [
          "title",
          "description",
          "metrics"
        ]
      },
      "props": {
        "title": "Launch proof",
        "metrics": [
          {
            "label": "Beta signal",
            "value": "Ready",
            "description": "Replace with reviewed customer or operator evidence.",
            "progress": 84
          },
          {
            "label": "Activation",
            "value": "Clear",
            "description": "Name the first successful product action.",
            "progress": 78
          },
          {
            "label": "Impact",
            "value": "Measured",
            "description": "Tie the launch to an outcome visitors can inspect.",
            "progress": 88
          }
        ],
        "appearance": {
          "preset": "dashboard"
        }
      }
    },
    {
      "id": "common-product-announcement-launch_action",
      "block_type": "conversion-cta",
      "block_order": 6,
      "metadata": {
        "block_role": "convert",
        "template_slot": "launch_action",
        "cloneable": true,
        "clone_priority": 6,
        "editable_fields": [
          "title",
          "description",
          "buttonText",
          "buttonHref",
          "secondaryCta",
          "links",
          "event_name",
          "objective_ref"
        ]
      },
      "props": {
        "title": "Invite visitors into the product experience.",
        "description": "Choose the next step that fits your timing and goals.",
        "buttonText": "Start product tour",
        "buttonHref": "#primary-action",
        "secondaryCta": {
          "text": "Compare options",
          "href": "#template-slots"
        },
        "links": [
          {
            "label": "View recipe",
            "href": "#template-colorways"
          },
          {
            "label": "Inspect CMS data",
            "href": "#template-slots"
          }
        ],
        "aria_label": "Invite visitors into the product experience.: Start product tour",
        "event_name": "product_announcement.cta_clicked",
        "objective_ref": "product_announcement",
        "appearance": {
          "preset": "elevated"
        }
      }
    }
  ]
}
product

Product Page

A product detail page with media, value proposition, proof, and demo conversion.

product-detail5 slots29 editable fields5 block typesglassmorphic100% polish
Editable slots

5 CMS composition points

29 fields
  • Product Herohero | priority 1 | hook
    eyebrowtitlesubtitlectavisualbackgroundmetrics
  • Product Visualmedia_block | priority 2 | educate
    srcalttitledescriptioncaptionlayout
  • Product Valuefeature-spotlight | priority 3 | educate
    titledescriptionmediaexpected_outcomespreview_workflow
  • Product Proofmetric-grid | priority 4 | prove
    titledescriptionmetrics
  • Product Ctaconversion-cta | priority 5 | convert
    titledescriptionbuttonTextbuttonHrefsecondaryCtalinksevent_nameobjective_ref
ready7/7 checks
  • CMS composition5 editable slots | 5 cloneable blocks
  • Recipe alignmentfocused recipe glass-product | 8 compatible themes
  • Visual assetsreplaceable image or media fields are present
  • Action clarityprimary actions, links, or conversion role detected
  • Proof and trustproof role, metrics, FAQs, testimonials, or evidence cards detected
  • SEO and socialOpen Graph fields required | JSON-LD remains explicit-only
  • Responsive surfacesurface standard | density comfortable
Clone manifest
{
  "schema_version": "ensemble.template-review.clone.v0",
  "clone_group": "common-page-templates-v1",
  "template_id": "common-product-page",
  "route": "/demo-sites/page-templates/product-page",
  "api_href": "/api/ensemble/templates/pages/common-product-page?include_page=true",
  "title": "Product Page Template",
  "description": "A product detail page with media, value proposition, proof, and demo conversion.",
  "primary_goal": "product_demo_request",
  "layout": {
    "template": "common-product-page",
    "theme": "ensemble-foundry-lab",
    "variant": "glassmorphic"
  },
  "page_config": {
    "surface": {
      "mode": "standard",
      "chrome": "theme",
      "width": "content",
      "min_height": "content"
    },
    "appearance": {
      "preset": "glassmorphic",
      "allowed_presets": [
        "shadcn",
        "bento",
        "glassmorphic",
        "elevated",
        "block",
        "dashboard",
        "neumorphic"
      ],
      "density": "comfortable",
      "motion": "subtle"
    }
  },
  "slot_model": [
    {
      "slot": "product_hero",
      "label": "Product Hero",
      "block_id": "common-product-page-hero",
      "block_type": "hero",
      "required": true,
      "editable_fields": [
        "eyebrow",
        "title",
        "subtitle",
        "cta",
        "visual",
        "background",
        "metrics"
      ],
      "editable_field_count": 7,
      "role": "hook",
      "clone_priority": 1,
      "summary": "7 editable fields on hero for hook."
    },
    {
      "slot": "product_visual",
      "label": "Product Visual",
      "block_id": "common-product-page-product_visual",
      "block_type": "media_block",
      "required": true,
      "editable_fields": [
        "src",
        "alt",
        "title",
        "description",
        "caption",
        "layout"
      ],
      "editable_field_count": 6,
      "role": "educate",
      "clone_priority": 2,
      "summary": "6 editable fields on media_block for educate."
    },
    {
      "slot": "product_value",
      "label": "Product Value",
      "block_id": "common-product-page-product_value",
      "block_type": "feature-spotlight",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "media",
        "expected_outcomes",
        "preview_workflow"
      ],
      "editable_field_count": 5,
      "role": "educate",
      "clone_priority": 3,
      "summary": "5 editable fields on feature-spotlight for educate."
    },
    {
      "slot": "product_proof",
      "label": "Product Proof",
      "block_id": "common-product-page-product_proof",
      "block_type": "metric-grid",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "metrics"
      ],
      "editable_field_count": 3,
      "role": "prove",
      "clone_priority": 4,
      "summary": "3 editable fields on metric-grid for prove."
    },
    {
      "slot": "product_cta",
      "label": "Product Cta",
      "block_id": "common-product-page-product_cta",
      "block_type": "conversion-cta",
      "required": true,
      "editable_fields": [
        "title",
        "description",
        "buttonText",
        "buttonHref",
        "secondaryCta",
        "links",
        "event_name",
        "objective_ref"
      ],
      "editable_field_count": 8,
      "role": "convert",
      "clone_priority": 5,
      "summary": "8 editable fields on conversion-cta for convert."
    }
  ],
  "slot_summary": {
    "slot_count": 5,
    "editable_field_count": 29,
    "roles": [
      "hook",
      "educate",
      "prove",
      "convert"
    ]
  },
  "compatible_recipes": [
    "glass-product",
    "polished-saas",
    "polished-saas-growth",
    "operator-product"
  ],
  "compatible_themes": [
    "ensemble-daylight",
    "ensemble-minimal-ink",
    "ensemble-ops-dark",
    "ensemble-foundry-lab",
    "cloud-elephants-deep-sky",
    "cloud-elephants-aqua-operator",
    "cloud-elephants-coral-launch",
    "cloud-elephants-ink-mist"
  ],
  "seo_model": {
    "required_fields": [
      "title",
      "description",
      "canonical_url",
      "open_graph.title",
      "open_graph.description",
      "open_graph.image"
    ],
    "social_preview_fields": [
      "title",
      "description",
      "image",
      "image_alt",
      "site_name",
      "locale",
      "twitter_card"
    ],
    "structured_data_policy": "explicit-json-ld-only",
    "suggested_json_ld_types": [
      "Product",
      "SoftwareApplication",
      "FAQPage"
    ]
  },
  "cms_usage": {
    "replace_placeholders": true,
    "review_required_before_publish": true,
    "safe_for_static_export": true,
    "safe_for_wordpress_snapshot": true
  },
  "polish_audit": {
    "protocol": "ensemble.template-polish.v0",
    "status": "ready",
    "score": 100,
    "ready_count": 7,
    "dimension_count": 7,
    "dimensions": [
      {
        "id": "composition-ready",
        "label": "CMS composition",
        "status": "ready",
        "evidence": [
          "5 editable slots",
          "5 cloneable blocks"
        ]
      },
      {
        "id": "recipe-alignment",
        "label": "Recipe alignment",
        "status": "ready",
        "evidence": [
          "4 compatible recipes",
          "8 compatible themes",
          "default glassmorphic"
        ]
      },
      {
        "id": "visual-assets",
        "label": "Visual assets",
        "status": "ready",
        "evidence": [
          "replaceable image or media fields are present"
        ]
      },
      {
        "id": "action-clarity",
        "label": "Action clarity",
        "status": "ready",
        "evidence": [
          "primary actions, links, or conversion role detected"
        ]
      },
      {
        "id": "proof-and-trust",
        "label": "Proof and trust",
        "status": "ready",
        "evidence": [
          "proof role, metrics, FAQs, testimonials, or evidence cards detected"
        ]
      },
      {
        "id": "seo-social-ready",
        "label": "SEO and social",
        "status": "ready",
        "evidence": [
          "Open Graph fields required",
          "JSON-LD remains explicit-only"
        ]
      },
      {
        "id": "responsive-surface",
        "label": "Responsive surface",
        "status": "ready",
        "evidence": [
          "surface standard",
          "density comfortable"
        ]
      }
    ],
    "next_actions": []
  },
  "blocks": [
    {
      "id": "common-product-page-hero",
      "block_type": "hero",
      "block_order": 1,
      "metadata": {
        "block_role": "hook",
        "template_slot": "product_hero",
        "cloneable": true,
        "clone_priority": 1,
        "editable_fields": [
          "eyebrow",
          "title",
          "subtitle",
          "cta",
          "visual",
          "background",
          "metrics"
        ]
      },
      "props": {
        "eyebrow": "Product",
        "title": "Show what the product does and why it matters.",
        "subtitle": "Use this page for product detail, feature overview, and trial conversion paths.",
        "background": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Show what the product does and why it matters. visual",
          "overlay": "dark"
        },
        "visual": {
          "image": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt_text": "Show what the product does and why it matters. visual",
          "title": "Replaceable hero media"
        },
        "cta": {
          "text": "Start product tour",
          "href": "#primary-action",
          "aria_label": "Show what the product does and why it matters.: Start product tour"
        },
        "appearance": {
          "preset": "glassmorphic"
        }
      }
    },
    {
      "id": "common-product-page-product_visual",
      "block_type": "media_block",
      "block_order": 2,
      "metadata": {
        "block_role": "educate",
        "template_slot": "product_visual",
        "cloneable": true,
        "clone_priority": 2,
        "editable_fields": [
          "src",
          "alt",
          "title",
          "description",
          "caption",
          "layout"
        ]
      },
      "props": {
        "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
        "alt": "Product in context placeholder media",
        "title": "Product in context",
        "description": "Use approved screenshots, diagrams, or product photography.",
        "caption": "Approved campaign media can live here with accessible caption support.",
        "layout": "split"
      }
    },
    {
      "id": "common-product-page-product_value",
      "block_type": "feature-spotlight",
      "block_order": 3,
      "metadata": {
        "block_role": "educate",
        "template_slot": "product_value",
        "cloneable": true,
        "clone_priority": 3,
        "editable_fields": [
          "title",
          "description",
          "media",
          "expected_outcomes",
          "preview_workflow"
        ]
      },
      "props": {
        "title": "Core product value",
        "description": "Explain the core capability in terms a buyer, user, and agent can all understand.",
        "media": {
          "src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22720%22%20viewBox%3D%220%200%201200%20720%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22%23f7fbff%22%2F%3E%3Crect%20x%3D%2296%22%20y%3D%2288%22%20width%3D%221008%22%20height%3D%22544%22%20rx%3D%2242%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22288%22%20r%3D%2294%22%20fill%3D%22%237cc7ff%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22244%22%20width%3D%22392%22%20height%3D%2234%22%20rx%3D%2217%22%20fill%3D%22%23142033%22%20opacity%3D%220.82%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22306%22%20width%3D%22510%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.52%22%2F%3E%3Crect%20x%3D%22446%22%20y%3D%22352%22%20width%3D%22328%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23526174%22%20opacity%3D%220.34%22%2F%3E%3Ctext%20x%3D%2296%22%20y%3D%22675%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22800%22%20fill%3D%22%23142033%22%3EProduct%20placeholder%3C%2Ftext%3E%3C%2Fsvg%3E",
          "alt": "Core product value preview",
          "caption": "Replace this placeholder with approved product, workflow, or customer-result media."
        },
        "expected_outcomes": [
          "Clear problem framing",
          "Specific product outcome",
          "Measurable next action"
        ],
        "preview_workflow": "common-product-page-workflow",
        "appearance": {
          "preset": "glassmorphic"
        }
      }
    },
    {
      "id": "common-product-page-product_proof",
      "block_type": "metric-grid",
      "block_order": 4,
      "metadata": {
        "block_role": "prove",
        "template_slot": "product_proof",
        "cloneable": true,
        "clone_priority": 4,
        "editable_fields": [
          "title",
          "description",
          "metrics"
        ]
      },
      "props": {
        "title": "Product proof",
        "metrics": [
          {
            "label": "Setup",
            "value": "Fast",
            "description": "Replace with an evidence-backed metric."
          },
          {
            "label": "Users",
            "value": "Teams",
            "description": "Name the audience and scale."
          },
          {
            "label": "Outcome",
            "value": "Measurable",
            "description": "Tie the product to a business result."
          }
        ],
        "appearance": {
          "preset": "dashboard"
        }
      }
    },
    {
      "id": "common-product-page-product_cta",
      "block_type": "conversion-cta",
      "block_order": 5,
      "metadata": {
        "block_role": "convert",
        "template_slot": "product_cta",
        "cloneable": true,
        "clone_priority": 5,
        "editable_fields": [
          "title",
          "description",
          "buttonText",
          "buttonHref",
          "secondaryCta",
          "links",
          "event_name",
          "objective_ref"
        ]
      },
      "props": {
        "title": "Move qualified visitors into evaluation.",
        "description": "Choose the next step that fits your timing and goals.",
        "buttonText": "Request a demo",
        "buttonHref": "#primary-action",
        "secondaryCta": {
          "text": "Compare options",
          "href": "#template-slots"
        },
        "links": [
          {
            "label": "View recipe",
            "href": "#template-colorways"
          },
          {
            "label": "Inspect CMS data",
            "href": "#template-slots"
          }
        ],
        "aria_label": "Move qualified visitors into evaluation.: Request a demo",
        "event_name": "product.demo_clicked",
        "objective_ref": "product",
        "appearance": {
          "preset": "elevated"
        }
      }
    }
  ]
}
Colorways

Theme-backed demo routes

0 groups
optional

No Cloud Elephants colorway uses this recipe

The page remains useful as a recipe coverage gap for future theme variants.