# Design Brief: CMS Marketing Landing Page

## Metadata
- **Initiative ID**: #1
- **Date**: 2026-04-06
- **Requested by**: Claude Code (pilot validation)
- **Target surfaces**: Astro/EmDash theme

## Problem Statement
Validate the full CMS-aiChemist delivery lifecycle with a marketing landing page that demonstrates EmDash content management, shared token consumption, and component reuse.

## Requested Outcome
A dark-themed landing page that communicates the aiChemist platform's capabilities. Should feel modern, technical, and polished — demonstrating the design system's ability to produce production-quality surfaces.

## Constraints
- **Technical**: Astro 6 + EmDash, SQLite, Node 22+
- **Brand**: aiChemist dark palette (violet primary #a78bfa, green CTA #22c55e, dark bg #0a0a14)
- **Accessibility**: WCAG 2.1 AA contrast ratios
- **Performance**: Static-first, minimal client JS

## Existing Components to Reuse
- Button (primary/secondary variants from packages/ui)
- Card (content container from packages/ui)

## Token Palette Reference
- Source: packages/tokens/src/tokens.json
- Primary: violet (#a78bfa), CTA green (#22c55e)
- Background: dark (#0a0a14), surface (#111827)
- Text: primary (#e2e8f0), secondary (#94a3b8)

## Breakpoints
- Mobile: 375px
- Tablet: 768px
- Desktop: 1280px

## Variants Requested
- **Variant A**: Hero-centric — large hero section with platform tagline, feature cards below, CTA button
- **Variant B**: Card-grid — compact header, 3-column feature card grid, testimonial/stats section

## Success Criteria
- Page renders with CMS-managed content from EmDash
- Dark theme matches token palette exactly
- Responsive across all breakpoints
- At least one shared UI component visible

## Related Issues
- #1: feat: pilot CMS-backed marketing page — end-to-end lifecycle