About this design
Where the Stripe Style style comes from, and what it signals.
Stripe Style takes the public look of stripe.com and turns it into a slide system: navy #0a2540 headlines, slate #425466 body text, blurple #635bff for the one thing you want clicked, and the famous gradient mesh cut off by a hard diagonal. It is an unofficial homage built from the visible website and brand conventions. Stripe, Inc. has no part in it.
The mesh uses the four colors from the stripe.com hero, violet #7038ff, magenta #ef008f, sky #6ec3f4 and amber #ffba27, inside a band skewed -8 degrees. The prompt allows it once per slide and keeps it away from paragraphs. White slides carry faint dashed column guides, product diagrams sit on cards with the navy-tinted layered shadow, and developer slides switch to a navy code window set in JetBrains Mono.
You get the most from it when your deck explains how a product works: a payment flow, an API launch, a platform rollout. Schibsted Grotesk stands in for Stripe's proprietary Söhne, so you can build the whole deck from Google Fonts.
Use it for
- Product launch reviews for fintech, payments and developer platforms
- API and integration walkthroughs that need a readable code snippet on a slide
- Platform architecture or money-flow explainers with a clean card diagram
- Pilot results and growth metrics shown as one calm chart plus three numbers
- Rollout plans and go-to-market reviews for a technical product team
Skip it for
- Dark, all-night investor decks with glowing gradients; Aurora or Midnight Pitch fit that mood
- Consulting readouts built on action titles and sourced exhibits; McKinsey Style or Bain Style hold that format
- Terminal-heavy engineering reviews that want monospace everywhere; Telemetry or Circuit suit them
The presentation design prompt
This is the exact text that gets sent to your AI.
Create a presentation in the 'Stripe Style' theme, an unofficial homage to the Stripe web style. Palette: background white #ffffff, alternate surface #f6f9fc, borders #e3e8ee, headings navy #0a2540, body slate #425466, captions #697386, primary blurple #635bff, tint #eceafe, cyan #00d4ff for second data series. Typography: 'Schibsted Grotesk' (Google Fonts) for everything, headlines 32 to 50px weight 600 with tight -0.02em tracking, body 14 to 17px weight 400 at 1.5 line height; code only in 'JetBrains Mono' 12 to 13px. Sentence case everywhere, no all-caps labels. The signature: a gradient mesh band built from layered radial gradients of violet #7038ff, magenta #ef008f, sky #6ec3f4 and amber #ffba27, clipped inside a container skewed -8 degrees so it ends in one hard diagonal edge. Use it on the cover (band across the top) and the closing slide (band rising from the bottom), never behind body text. Layout grammar: left-aligned content on 48px margins, with four faint dashed vertical column guides in #e3e8ee running the full slide height behind white slides. Product diagram slides: white cards (8px radius, 1px #e3e8ee border) with the layered shadow 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), a tinted icon square, navy title and slate line; cards joined by dashed 1.5px blurple connectors labelled in #697386, a cyan dot marking money or data in motion, and one blurple-bordered card for the new step. Developer slides: full navy #0a2540 background, white headline, a cyan kicker line, and a tabbed code window (#0f2e4f fill, #1f4266 border, active tab underlined blurple) with line numbers; syntax lavender #b9b5ff keywords, mint #7ee2b8 strings, amber #ffba27 numbers, sky #80e9ff methods, #8ba2bd comments. Metrics slides: #f6f9fc surface, stats as 30px navy numbers hanging off a 1px blurple left rule with a slate caption, next to a white chart card: blurple #635bff primary line with a faint blurple fill, cyan #00d4ff comparison line, dashed #e3e8ee gridlines, an end-of-line blurple value tag, a legend in the card header and a source line. Timelines: a 2px #e3e8ee rail that fills blurple up to the current phase, solid, ringed and gray dots, and pill status tags (#eceafe/#635bff approved, #fff4dc/#9a5b00 pending, #f6f9fc/#697386 planned). Calls to action: a blurple pill button with a small chevron beside a plain blurple text link. Footer on every slide except the closing: 11px #697386 deck title bottom-left, page number bottom-right. Strictly avoid: more than one mesh per slide, gradient text, gradients behind paragraphs, pure black, dark slides other than developer slides, rainbow charts, stock photos, 3D, emoji, heavy borders, all-caps eyebrows, Stripe logos, wordmarks or product names, and any claim of affiliation with Stripe. Use this theme for my slides. Ask me what the presentation is about first, then apply the theme to every slide.View this prompt and its data on GitHub
How to use this prompt
From copied text to a finished Stripe Style deck in four moves.
- 01
Copy the prompt
Use the copy button, or open it pre-filled in Claude or ChatGPT with one click from the panel on this page.
- 02
Tell the AI your topic
The prompt instructs the AI to ask what your presentation is about first. A sentence or a pasted outline is enough.
- 03
Generate and iterate
Ask for more slides or swap a layout. The avoid list at the end of the prompt keeps Stripe Style on-style while the content changes.
- 04
Or skip straight to a deck
SlideSpeak turns your topic or document into a finished Stripe Style presentation, exportable as PowerPoint or PDF.
Common questions
Working with the Stripe Style presentation design prompt in practice.
