Pitch — Violet Presentation Workspace and Lime Accents

---
version: alpha
name: Pitch — Violet Presentation Workspace and Lime Accents
colors:
  ink: '#FFFFFF'
  sample-1: '#0C021C'
  sample-2: '#5318EB'
  sample-3: '#C6A5FF'
  sample-4: '#363636'
  sample-5: '#000000'
  sample-6: '#0000EE'
  surface-7: '#C4EE87'
typography:
  heading:
    fontFamily: '"Mark Pro Bold", "Mark Pro Bold Placeholder", sans-serif'
    fontSize: 180px
    fontWeight: 700
    lineHeight: 144px
  body:
    fontFamily: '"Eina 03 Regular", "Eina 03 Regular Placeholder", sans-serif'
    fontSize: 16px
    fontWeight: 400
    lineHeight: 25.6px
---

## Overview
A Pitch landing-page reference combining an oversized violet hero, prompt-style generation UI, sequential feature stories, bright customer cards and a dark violet closing sequence. Inspected on 2026-10-03 at 1440px desktop and 390px mobile. The screenshot covers the full desktop page; the mobile screenshot covers the opening viewport only.

## Colors
Opaque token values come from computed CSS samples in this reference. The sampled-canvas token, when present, is a screenshot pixel sample. Gradients, alpha fills, photography and artwork are described visually rather than reduced to a single invented color.

## Typography
The computed heading sample (Create slides that win.) uses "Mark Pro Bold", "Mark Pro Bold Placeholder", sans-serif, 180px, weight 700, leading 144px. Supporting text uses "Eina 03 Regular", "Eina 03 Regular Placeholder", sans-serif at 16px / 25.6px. The matching mobile heading-category sample is 82px / 65.6px. These are local computed samples, not a complete universal type scale. Use properly licensed fonts or appropriate fallbacks.

## Layout
Desktop opens with a large centered headline over blurred presentation tiles and a white prompt panel. Feature stories pair text with slides; a tilted workflow-card row, testimonial mosaic, toolkit bento and integration CTA follow. The closing region contains audience cards, templates, FAQ and footer. At 390px navigation collapses, the headline wraps into three lines, and the desktop prompt panel is replaced by a compact demonstration with signup/demo actions. Mobile evidence covers the opening viewport only. Desktop image: 1440 × 14390 px. Mobile viewport: 390 × 844 px; isolated mobile components may be taller than the viewport. Two measured widths do not establish exact CSS breakpoints.

## Elevation & Depth
Diffuse violet glows, blurred slide tiles and overlapping white product panels create depth. Customer cards alternate photography, violet and lime rather than uniform gray surfaces.

## Shapes
Oversized rounded typography, pill login controls, lime rectangular signup accents, rounded toolkit cards and translucent FAQ rows share a bold presentation aesthetic.

## Components
Hero and prompt-like UI, scrolling feature narrative, workflow cards, testimonial mosaic, toolkit bento, integration CTA, audience/template sections, closed FAQ and full resource footer. The full-page image is a native-resolution scroll composite: scroll-driven content is recorded in sequential states, not claimed to be simultaneously visible in a single viewport. No prompt was entered or generated; source numbers and testimonials are not independently verified.

## Do’s and Don’ts
Keep oversized headline rhythm and sufficient contrast over decorative slide art. Do not infer animation timings from this static composite or reproduce the source performance claims as your own. Provide useful labels, visible focus and reduced-motion alternatives when adapting; these are recommendations rather than a source accessibility audit.