HTML templates.

Each card lists the template's slots, dimensions, and tags. Click View preview for the rendered version, ↓ Download for the source, slots to copy every placeholder name newline-separated.

• Closing CTA block

  1280px wide · 16:7

  Closing surface that asks for the next step. Warm variant default; ink variant for launch/promo moments. Eyebrow + Fraunces-italic-accent headline + body + CTA.

  ctamarketingclosing
  slots

  • {{eyebrow}}
  • {{headline}}
  • {{italicPhrase}}
  • {{body}}
  • {{primaryCta}}

• Transactional email shell

  600px wide

  Email-safe HTML skeleton — table-based layout for broad client compatibility, brand-coloured accent, MagicBlocks header. Drop in body content where indicated. Inline styles only (no <link>) since most email clients strip stylesheets.

  emailtransactionalai-canvas
  slots

  • {{preheader}}
  • {{subject}}
  • {{body}}
  • {{ctaLabel}}
  • {{ctaUrl}}
  • {{footerText}}

• Feature grid (3-up)

  1280px wide

  Centred header + 3-column feature grid. Each card has icon + title + body. Six common cards filled with placeholder content.

  feature-gridmarketingplatform-page
  slots

  • {{sectionEyebrow}}
  • {{sectionHeadline}}
  • {{sectionLede}}
  • {{features}}

• Marketing footer (warm)

  1280px wide

  Site footer with 4 link columns + brand mark + copyright + social pills. Warm cream background — the kit's anti-dark-footer.

  footermarketingnavigation
  slots

  • {{columns}}
  • {{social}}
  • {{copyright}}

• Marketing hero

  1280px wide · 21:9

  Top-of-page hero with eyebrow + display heading + Fraunces-italic accent phrase + lede + dual CTA + meta row.

  heromarketinglandingabove-the-fold
  slots

  • {{eyebrow}}
  • {{headline}}
  • {{italicPhrase}}
  • {{lede}}
  • {{primaryCta}}
  • {{secondaryCta}}
  • {{meta}}

• Presentation slide (16:9)

  1920×1080

  1920x1080 slide skeleton with brand-coloured accent strip, mono eyebrow, large display headline, body copy, footer mark. Suitable for AI-driven deck generation in HTML/CSS canvases.

  slidedeckpresentationai-canvas
  slots

  • {{eyebrow}}
  • {{headline}}
  • {{italicPhrase}}
  • {{body}}

• Social meta card (1200x630)

  1200×630

  OG/Twitter card skeleton. 1200x630 canvas with brand mark + headline + sub. Drop in the kit's CSS via <link> for inherit-styled output, or use the inline minimum below.

  socialog-cardtwitter-cardmarketingai-canvas
  slots

  • {{headline}}
  • {{italicPhrase}}
  • {{sub}}

• Stats strip (4-up)

  1280px wide · 8:1

  A band of 3-4 big numbers with mono labels. Numbers in display 600; units (%, x) in pink for rhythm. Tabular-nums so digits stack.

  statsmetricsmarketingsocial-proof
  slots

  • {{stats}}

• Featured testimonial strip

  1280px wide · 16:7

  Single hero testimonial with oversized Fraunces glyph, italicised emphasis phrases in pink, author block, and a stat pull-quote on the right.

  testimonialsocial-proofmarketing
  slots

  • {{quote}}
  • {{italicPhrase}}
  • {{authorName}}
  • {{authorRole}}
  • {{statValue}}
  • {{statLabel}}