Presentations

How an Exatom deck looks and how you make one with AI. Every rule lives in one file on this site, so a deck comes out in the Exatom style and everyone always works from the latest version.

Start a deck now

One click opens Claude Code or ChatGPT with the right prompt already in it. The AI reads the latest rules, asks what you need and builds the deck.

Start in Claude Start in ChatGPT

Start in Claude opens Claude Code in the Claude desktop app with /design in front of the prompt, so the deck is built as slides on a canvas. Press Enter to start. No desktop app? Open Claude Code in the browser.

The promptI want to make an Exatom presentation. First open and read these three files in full, then follow them exactly: https://exatom-brand-guidelines.vercel.app/presentations.md (the deck rules), https://exatom-brand-guidelines.vercel.app/deck-kit.md (the slide templates, images and logos to build with) and https://exatom-brand-guidelines.vercel.app/brand-guidelines.md (colours, type, logo, team line drawings). Do not design anything yet. Ask me what kind of deck it is (sales deck, pitch or client status meeting), who presents it and to whom, and which material I have (an old deck, notes, the client's logo and screenshots). Then build the deck slide by slide at 1920 x 1080, starting each slide from the matching template in the deck kit.

Download the rules

The three files an AI needs for an Exatom deck: the rules, the brand and the kit to build with. All are always the latest version.

presentations.mdThe deck rules brand-guidelines.mdColour, type and logo deck-kit.mdTemplates and images

All three as one Claude skill

The three files, the slide templates and the images in one package. Install it once in Claude (Settings, Capabilities, Skills, Upload skill) and Claude uses it whenever you ask for an Exatom deck, fetching the latest rules each time.

Download the skill

Making a deck in Claude

From an old deck or a few notes to a finished Exatom deck. In a Design, Claude builds each slide as a 1920 × 1080 artboard on a canvas, where you can review and comment.

Start with one click

Use Start in Claude or Start in ChatGPT at the top of this page. Start in Claude opens Claude Code with /design, the Design template; the prompt makes the AI read the latest rules and the deck kit first. Working another way? Copy the prompt, or attach the three downloaded files.

Press Enter and answer the questions

The prompt is filled in but not sent, so you can still add to it. In Claude Code, /design gives you slides on a canvas. Typing it yourself works too: start a new session in Claude Code, type /design and paste the prompt.

Add your material and say what the deck is

An old .pptx or PDF, an outline or meeting notes. For a client deck also the client's logo, a photo of the client, screenshots of their real forms and the dashboard exports you want to show. Say whether it is a sales deck, a pitch or a status meeting, who presents it and to whom.

Rebuild the attached deck as an Exatom presentation. It is a status meeting for [client], presented by [name]. Keep the order and every figure.

Review on the canvas

Every slide is its own artboard. Comment on a slide or tell Claude what to change ("take the results wall from the pitch deck", "make the client logo white"). Small text edits you can make directly in the canvas.

Share or export

Share the canvas from its Share menu, or export the slides to present. The canvas stays private until you share it.

Real screenshots stay realA client's own forms and Exatom dashboard exports go in as images. Claude only redraws generic product visuals.

No invented figuresClaude takes numbers from your material or the case studies, and leaves [FIGURE] where one is missing.

One file, everyone up to dateA rule that should always hold goes into presentations.md in this site's repository. Push it and within a minute everyone who starts from this page works with it.

What a deck looks like

The Exatom sales deck, all 28 slides, built with these rules. Client logos are shown as placeholders here. Click a slide to open it full size, or Template to open the slide itself as HTML from the deck kit.

Slide 02: Results wall — 02Results wallBlue LightTemplate

Slide 03: Problem: a normal conversion rate — 03Problem: a normal conversion rateBlushTemplate

Slide 04: Problem: 20+ friction points — 04Problem: 20+ friction pointsBurgundyTemplate

Slide 05: Untapped potential — 05Untapped potentialBlue LightTemplate

Slide 06: Unique data points — 06Unique data pointsWhiteTemplate

Slide 07: Platform — 07PlatformDarkTemplate

Slide 08: Detailed insights — 08Detailed insightsWhiteTemplate

Slide 09: How it works — 09How it worksBlue LightTemplate

Slide 10: Privacy by design — 10Privacy by designDarkTemplate

Slide 11: Need our help? — 11Need our help?DarkTemplate

Slide 12: Reviews — 12ReviewsBlue LightTemplate

Slide 13: Chapter: Smart Nudges — 13Chapter: Smart NudgesDarkTemplate

Slide 14: Use case: assist visitors — 14Use case: assist visitorsWhiteTemplate

Slide 15: Use case: create account — 15Use case: create accountWhiteTemplate

Slide 16: Chapter: Autofixes — 16Chapter: AutofixesDarkTemplate

Slide 17: Use case: mobile keyboard — 17Use case: mobile keyboardWhiteTemplate

Slide 18: Use case: expected input — 18Use case: expected inputWhiteTemplate

Slide 19: Use case: autofill — 19Use case: autofillWhiteTemplate

Slide 20: Every friction type — 20Every friction typeBlue LightTemplate

Slide 21: Chapter: Insights — 21Chapter: InsightsDarkTemplate

Slide 22: Product: Form analytics — 22Product: Form analyticsWhiteTemplate

Slide 23: Product: Benchmarking — 23Product: BenchmarkingWhiteTemplate

Slide 24: Product: CRO Pulse — 24Product: CRO PulseWhiteTemplate

Slide 25: Product: Session replays — 25Product: Session replaysWhiteTemplate

Slide 26: Product: Monitoring — 26Product: MonitoringWhiteTemplate

Slide 27: Product: Smart Nudges — 27Product: Smart NudgesWhiteTemplate

Slide 28: Closing — 28ClosingBlueTemplate

The rules at a glance

The short version. The file has the detail.

Format1920 × 1080. 48 px margin, four columns of 432 px with 32 px gutters.

BackgroundsBlue Light for white cards, White for visuals on the blue gradient, Dark for cover and chapters, Blue for the closing, Blush and Burgundy for the problem. No Warm White, no landscapes.

TypeInstrument Sans SemiBold for headings and figures, Inter for text. Chapter 200 px, cover 120, statement 96, slide title 64, body 24.

LabelOne eyebrow per slide, top left, the website's ink-tinted pill.

ImagesReal screenshots are pasted in, generic visuals are rebuilt in brand style. Photos are never cropped awkwardly.

Client decksThe client's logo in white beside ours and their photo on the cover; the presenter's line drawing on the closing slide.

CopyBritish spelling, prospects / buyers / visitors, Smart Nudges and Autofixes, no em dashes. Fixed figures: 87%, 20+, 23%.