Skip to content
All DESIGN.md files
Bold / High-contrastBest for: Pre-seed and seed founders building investor decks or a one-pager

Bold Founder Pitch Deck

An investor-ready visual system — confident type, decisive color, single-idea-per-slide pacing. Built for screens, projection, and PDF export.

How to use this with Claude Design

  1. 1Copy the DESIGN.md below using the button. It includes the frontmatter so the file is ready to drop into a repo if you want.
  2. 2Paste into Claude Design with one line of build intent — e.g., "Build a portfolio site for [Name], [Role], using this DESIGN.md exactly. Sections: hero, work, about, contact."
  3. 3Iterate on copy and structure, not on chrome. The visual system is locked — your follow-up prompts should be about content ("swap the testimonial," "add a pricing tier"), not styling.

The DESIGN.md

DESIGN.md
---
title: "Bold Founder Pitch Deck"
slug: founder-pitch-deck-bold
bestFor: "Pre-seed and seed founders building investor decks or a one-pager"
aestheticFamily: "Bold / High-contrast"
description: "An investor-ready visual system — confident type, decisive color, single-idea-per-slide pacing. Built for screens, projection, and PDF export."
---

# DESIGN.md — Bold Founder Pitch Deck

## Brand essence
A founder's deck has 10 minutes to land. This system trades subtlety for clarity. One idea per slide, one number per slide, type so confident the partner across the table believes you've already done the hard work.

## Color palette
- `--canvas`: `#0A0A0A` — deck background (near-black, not true black)
- `--ink`: `#FFFFFF` — primary text
- `--ink-dim`: `#9CA0A8` — captions, footnotes, page numbers
- `--brand`: `#FF4D2E` — the single chromatic anchor (logo, headline accent words, key data points)
- `--brand-deep`: `#B7321D` — hover/pressed states, secondary accent
- `--surface`: `#161618` — card and chart backgrounds
- `--rule`: `#2A2A2E` — hairlines, table borders
- `--positive`: `#5EE7A0` — used only on metric deltas (up arrows, growth)
- `--negative`: `#FF7A7A` — used only on competitive comparison (their weakness)

Light variant available for export PDFs (`--canvas: #FFFFFF`, `--ink: #0A0A0A`, brand unchanged).

## Typography
- **Display**: a tight grotesque (e.g., Söhne, Aeonik, GT America Mono Bold for big numbers). Weight 700–800.
- **Body**: same family at 400/500. One family across the entire deck.
- **Numerals**: tabular figures everywhere. Big numbers use a slightly different cut (Söhne Mono or Aeonik Mono) for character.

Type scale:
- Slide title: 88 / 92, weight 800, letter-spacing -0.04em
- Big number: 220 / 200, weight 800 (filling 60% of slide height)
- Section eyebrow: 14 / 18, weight 600, uppercase, letter-spacing 0.16em, `--brand`
- Body: 22 / 30
- Footnote / source: 12 / 16, `--ink-dim`

Hierarchy rules:
- Every slide has exactly: eyebrow, title, supporting body, optional one chart/visual, footer (deck name · slide number · date).
- Never two H1-equivalents on one slide.
- Highlight at most ONE word in the title in `--brand`. That's the slide's argument.

## Spacing & layout
- Slide canvas: 1920×1080 (16:9). All content inside a 1664×824 safe area (128px top/bottom margin, 128px sides).
- Baseline grid: 8px. Vertical rhythm 24px between paragraph and following element.
- Title block always anchored top-left of safe area. Visual right side or below. Never center-aligned title.
- Footer always 64px from bottom edge.

## Component patterns
- **Title slide**: oversized brand wordmark center-left, tagline below in body weight, date + venue bottom-right in mono caption.
- **Big-number slide**: `220px` numeral filling left half, contextual sentence right, source in footnote. Number gets a 2px underline in `--brand`.
- **Chart slide**: chart fills 60% of slide, takes `--surface` background with 16px radius. Axis labels in mono caption, single highlighted data point in `--brand`. Never more than 5 series.
- **Team slide**: 4-up grid of square headshots (no rounded avatars), name (display 24px), one-line credential below in `--ink-dim`. Photos must be high-contrast B&W.
- **Competitor matrix**: 2x2 quadrant or feature table. Their cells = `--negative` text on `--surface`. Your cells = `--positive` text on `--surface`. Don't be cute, be clear.
- **Buttons** (for a web/HTML version): square corners (radius 4), `--brand` fill, white text, weight 700, 16px/24px padding. Hover = `--brand-deep`.
- **Cards**: `--surface` fill, no border, no shadow, 16px radius, generous padding.

## Motion
- For deck export (PDF): no motion.
- For interactive web version:
  - Slide transition: hard cut. No fade, no slide-in.
  - On-slide reveal: only when revealing a chart's data line — 600ms `cubic-bezier(0.65, 0, 0.35, 1)`, draw stroke effect.
  - Number ticks: count up from 0 to final on slide enter, 1.2s ease-out. Tabular figures must lock width (no layout shift).
- Principles: motion makes the data feel earned. Decoration is forbidden.

## Imagery / iconography
- No stock photos. Ever. If you don't have a real product screenshot, use a wireframe in `--ink-dim`.
- Icons: minimal, line-only, 2px stroke at display sizes, in `--ink` or `--brand` only.
- Logos in the "trusted by" bar: monochrome white at 60% opacity, single row, evenly spaced.

## Voice & tone
Second-person to the investor. Specific. Numerical. No throat-clearing. No "we believe." Just: "X is true. Therefore Y. We do Z. Here's the math."

## What to AVOID
- No 50-word slides.
- No clip art, no emoji, no Lottie.
- No multi-slide animated transitions.
- No five-color palettes — three colors carry the entire deck.
- No bullet-point lists longer than 3 items.
- No stock office photography.
- No gradient text.
- No light-mode-only design (decks are projected).

What this generates

Pasted into Claude Design with a one-line build intent, this DESIGN.md produces a coherent multi-section site (or deck) using the locked palette, type scale, and component patterns described above. Expect: a hero that follows the headline rules, sections that respect the vertical rhythm, components that match the documented patterns (buttons, cards, forms), and motion that obeys the easing/duration constraints. The "What to AVOID" section is doing real work — it stops the model from reaching for the defaults that make AI-generated sites feel generic.

Related designs