# Pitch — DESIGN.md

Deep purple AI presentation marketing with lime Sign up CTAs and lavender pricing washes.

Independent reference guide from public Incognito viewport captures. Not an official brand guide. Values describe the captured desktop marketing pages; responsive rules below are implementation recommendations.

Captured: 2026-10-01

## Agent task
Build an original interface using this visual language. Inspect the existing stack and conventions first. Use the included screenshots to understand hierarchy, composition and density. Keep your own branding and content.

## Font
Observed family: **geometric sans / Inter-like**. A family name is not a bundled font licence. Use an available, licensed installation or a system sans-serif fallback.

## Marketing — Purple canvas, lime CTAs

### Observed palette
- Hero canvas: `#2A0A5E`
- Light wash: `#F5F0FF`
- Primary text (light pages): `#1A0B3C`
- Primary text (dark hero): `#ffffff`
- Accent lime: `#C8F542`
- Accent blue: `#3B5BFF`
- Soft purple CTA: `#D4C4F5`
- Nav / secondary: `#5C4A7A`

### Observed typography
| Role | Size / line height | Weight | Tracking |
|---|---|---|---|
| Hero headline | ~48–64px / tight | 700 | tight |
| Section heading | ~28–36px | 600–700 | tight |
| Body / plan copy | 14–16px / 1.5 | 400 | normal |
| Nav / button label | 13–14px | 500–600 | normal |

### Layout & hierarchy
- Dark purple home hero centers a short claim over a grid of template previews, with a large white AI prompt field.
- Product page uses a light lavender wash, bold navy headline, and a connected-stack product preview.
- Pricing pairs a seat slider with Free / Plus / Team / Business plan cards and a Pay yearly / monthly toggle.

### Components & behavior
- Primary CTA: filled lime or soft-purple pill (Sign up).
- Secondary CTA: dark navy Log in pill with arrow.
- Plan cards: pastel lavender Free/Plus, blue Team, deep navy Business.
- Seat selector with lime tooltip and purple slider track.

## Scope
The product / editor workspace was not captured: this collection covers logged-out marketing pages only (home, pricing, product), so there is no product context.

## Implementation recommendations
- Use your own name, logo, copy and sample data. Recreate the visual principles and page structure.
- Use semantic HTML, visible focus states, labelled controls and accessible contrast.
- Recommended: use a 4px spacing base, stack multi-column plan grids on small screens and let comparison tables scroll horizontally.
- Recommended: give every CTA a real destination and implement hover, focus and disabled states; the capture shows resting states only.
- Use the observed font only when available and appropriately licensed; otherwise use a system sans-serif fallback.
- Treat desktop measurements as reference values, not a complete responsive specification.

## Page inventory
- Homepage: Dark purple Incognito frame with browser chrome; nav Product / Use Cases / Templates / Resources / Pricing; lime Sign up; hero "Create slides that win." over template grid and AI prompt field. Screenshot: `captures/pitch-marketing-home.jpg`.
- Pricing: Light lavender wash; "Find the plan that works for you"; Pay yearly (17% saving) toggle; seat slider; Free / Plus / Team / Business cards. Screenshot: `captures/pitch-marketing-pricing.jpg`.
- Product / feature: Light wash; "The new era of presentations" with Built-in AI subcopy and connected-stack preview. Screenshot: `captures/pitch-marketing-feature.jpg`.