What problem does it solve? Designing a polished product-launch email from scratch requires layout, typography, and brand decisions that are slow to iterate on manually. This Skill produces a complete, self-contained HTML email — masthead, hero image block, headline lockup, body copy, CTA, and specifications grid — from a single brief. ## Core Features & Use Cases - Complete email layout: Generates a centered 600–680px single-column HTML email with masthead, hero, eyebrow, skewed-accent headline lockup, body copy, one primary CTA, 2×2 specs grid, and footer with unsubscribe links. - Design-system driven: Reads the active DESIGN.md to pick display fonts, accent colors, and type tokens so the email matches the brand system. - Self-contained output: Uses inline CSS, inline SVG product illustrations, and DS-tinted gradients — no external images — with data-od-id markers on key sections. - Use Case: Ask for a launch email for a new running shoe and receive a ready-to-preview HTML email with a wordmark, SVG shoe hero, headline lockup, specs callouts, and a single CTA. ## Quick Start Ask the assistant to design a product launch email for your brand, for example a sporty running shoe with a hero image, big headline, specs grid, and call-to-action button.
