Pitch

Palette

Typography

Headings

Mark Pro Bold

Body

Eina 03 Regular

Mono

Unnamed monospace used for eyebrow labels (e.g. 'WHY PITCH'), not captured in the tokens

Free swap

Mark Pro → Outfit or Lexend (700); Eina 03 → Figtree or Albert Sans (400); mono eyebrows → JetBrains Mono or IBM Plex Mono

H1 is 180px Mark Pro Bold at weight 700, with a 0.8 line height and -4% tracking, set in white over violet. The lines nearly touch and overlap the floating thumbnails. Section H2s are about 48px Mark Pro Bold in #0c021c, also tightly tracked. Feature titles are 32px Mark Pro Bold in #5318eb at a 1.2 line height and -4% tracking. Stats like '4M+' are about 56px violet Mark Pro. Body and subheads use Eina 03 Regular at 16–18px, with a 1.6 line height and -2% tracking, in #363636. Eyebrows are about 14px uppercase monospace in violet. Display type does the heavy lifting and everything else stays small and light.

Measured h1: 180px / 700 / -0.04em · body 16px

Signature moves

• Bury the hero headline in a depth-of-field cloud of blurred, floating examples of what the product makes, so the output itself becomes the backdrop.
• Set the display headline enormous (180px) and crushed (0.8 line height, -4% tracking) so it reads as a graphic object.
• Fade the saturated violet hero into white with a long vertical gradient rather than a section break, then let faint lilac radial blooms recur behind later sections.
• Use a single acid-lime #c4ee87 as the counterpoint to violet, saved for the Sign up CTA and one or two testimonial cards.
• Label sections with small uppercase monospace eyebrows in violet ('WHY PITCH', 'THE PAYOFF', 'HOW TO') above big tight headlines.
• Number process steps as '(01) Create' and show them as a sideways carousel of cards, with the next card peeking in a contrasting dark colour.

Layout

Content is centred at a 1224px max width. The hero is full-bleed: a violet-to-indigo radial gradient with scattered, depth-blurred slide cards behind a centred headline and prompt box. A logo strip sits on the violet, which then fades to white through a soft gradient instead of a hard edge. The body is left-aligned in two columns: copy runs on the left at about 40% width, with sticky imagery on the right in rounded gradient panels. Whitespace is very generous, often 150–250px between sections. A stats row sits in a 3-column grid offset to the right. A 'How to' section uses large numbered white cards on lilac washes in a horizontal carousel, then masonry-like testimonial cards bleed off both screen edges.

Components

Announcement bar

Full-width #c6a5ff lavender strip with small dark text: a bold lead-in, then a link with an arrow, and a close X on the right.

Nav

Transparent over the hero with white Eina links and chevrons. The right side has a white pill 'Log in →' and a lime #c4ee87 'Sign up' button with a small 4–8px radius and dark text.

AI prompt box

Large white textarea card with about a 20px radius, wrapped in a translucent lavender halo frame. Grey placeholder text sits at the top. A circular + button and a 'Prompts' shuffle link sit bottom-left, with a lavender 'Generate ↑' button bottom-right. It carries the soft violet glow shadow rgba(198,165,255,0.35) 0 20px 60px -20px.

Floating slide thumbnails

Real template covers at varied sizes and blur levels, scattered around the hero to fake depth of field. They have rounded corners and some overlap the headline.

Feature list

Small violet line icon followed by a 32px violet Mark Pro title and grey body text. Inactive items fade to near-invisible as a scroll-driven reveal.

Step cards

White cards with a 32px radius on a lilac gradient. Each has a '(01)' small superscript number beside a large violet title and violet line icons top-right. Inside sits a stylised product mockup on a lilac panel, then an ↘ arrow with a violet subtitle and body text. The next card peeks in deep indigo #280f62.

Testimonial wall

Tall cards with about a 20px radius that alternate between solid violet #5318eb, lime #c4ee87, lavender, and B&W photos with a violet gradient fade at the bottom. Quotes are bold Mark Pro with big quote marks, and each card ends with a name and a customer logo.

Stats row

Three columns, each with a big violet numeral such as '4M+' above a two-line grey caption. There are no dividers or boxes.

Product UI

The product appears as stylised, simplified mockups rather than raw screenshots. Each shows a lilac-tinted editor with a slide thumbnail rail on the left, a large photo slide centre, and a pill-shaped floating toolbar (style dropdown, size 120 with a stepper, text tools). Dark indigo pill tooltips such as 'Add new slide' and 'Add brand kit' have a circular + icon. The UI itself is airy and low-density. It relies on rounded 12–20px panels, lavender fills instead of borders, thin violet line icons and dark indigo bubbles for AI prompts ('How can I support you?'). Real slide content (bold condensed titles, editorial photography) supplies all the contrast.