About this design
Where the Notion Style style comes from, and what it signals.
Notion Style copies the page layout your team already reads in Notion: a cover, an emoji icon, a bold title, gray property rows and blocks stacked below. If your plan lives in a Notion doc, you can present it in the same shape, and nobody in the meeting has to learn a new layout. This is an unofficial homage with no affiliation or endorsement from Notion Labs, Inc.
Everything is set in Inter, the closest Google Font to Notion's system sans, in warm ink #37352f on white with #787774 for secondary text. Color comes from the light tag palette (gray #e3e2e0, blue #d3e5ef, green #dbeddb, purple #e8deee) with ink text on every pill. Blue #2383e2 marks checked to-dos and chart series. Callouts sit on #f1f1ef, grid lines are 1px #e9e9e7, and board cards use Notion's two-layer hairline shadow.
Pick it for internal product and project work: roadmap reviews, quarter planning, kickoffs and onboarding. Two slides show the same roadmap, first as a table and then as a board, the two views most teams use to track their work.
Use it for
- Roadmap reviews when the work already sits in a Notion database
- Quarter and sprint planning with owners, status and priorities
- All-hands updates adapted from a team wiki page
- Project kickoffs with a launch checklist and open decisions
- Onboarding decks for new hires joining the same workspace
Skip it for
- Investor pitches that need big numbers and drama; use Runway or Traction
- Consumer launches and keynotes, where a doc look feels too internal; Bento gives a launch more polish
- Formal board or client reporting; Boardroom and QBR suit an executive audience
The presentation design prompt
This is the exact text that gets sent to your AI.
Create a presentation in the 'Notion Style' theme, an unofficial homage to slides that read like Notion pages. Background: white (#ffffff), never dark mode. Typography: 'Inter' (Google Fonts) throughout, text in warm ink #37352f, secondary text #787774. Page titles in Inter 700 at 40 to 42px, section headings Inter 700 at 28 to 30px, sub-headings Inter 600 at 20px, body Inter 400 at 15 to 16px with line-height 1.5, sentence case, left-aligned in a content column about 720px wide. The signature is the page head: the title slide opens with a flat cover band 150px tall (#d3e5ef with large flat circles in #b9d4e6 and #e8deee, no gradient), a 64 to 72px emoji page icon overlapping its bottom edge, the page title, a one-line gray description, then property rows: gray name with a small line glyph on the left, value on the right (initials avatar, status pill, tag pills, date). Content slides carry a 40px breadcrumb bar at the top: the page path in 13px ink, 'Edited 2h ago' right-aligned in #787774; no page numbers or footers. Tag pills use Notion's light tag palette with #37352f text, 3px radius, 13px: gray #e3e2e0, brown #eee0da, orange #fadec9, yellow #fdecc8, green #dbeddb, blue #d3e5ef, purple #e8deee, pink #f5e0e9, red #ffe2dd; status pills add a small colored dot; use at most three tag colors per slide. Callout blocks: #f1f1ef fill, 4px radius, an emoji on the left, one or two sentences with one bold phrase. Toggle lists: a small triangle, one toggle open with its nested bullets indented, the others collapsed. To-dos: 16px checkboxes with a 1.5px ink border; checked ones fill blue #2383e2 with a white tick and their text turns #a5a29c with a strikethrough. Dividers are 1px #e9e9e7 lines. Column blocks sit 48px apart. Database slides: a view tab row (Table, Board, Timeline) with the active tab underlined in ink, a table with a 1px #e9e9e7 grid, header cells in #787774 with property-type glyphs, rows with an emoji plus name, pills and avatars; board view uses pale column backgrounds with a status pill header and count, and white cards with Notion's hairline shadow (rgba(15,15,15,.1) 0 0 0 1px, rgba(15,15,15,.1) 0 2px 4px). Quote blocks: a 3px #37352f left bar and 28px text, attribution in #787774. Page mentions are underlined with a faint rule and a leading page emoji; inline code sits on rgba(135,131,120,.15) in #eb5757. Charts: flat bars in #2383e2, #448361, #d9730d, #9065b0 with direct labels. Strictly avoid: the Notion logo or 'N' cube, claiming affiliation with Notion Labs, Inc., dark mode, gradient covers, heavy or blurred drop shadows, rounded cards above 6px radius, centered body text, stock photos, decorative illustrations, saturated tag fills, more than three tag colors per slide, all-caps labels, and slide numbers. 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 Notion 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 Notion Style on-style while the content changes.
- 04
Or skip straight to a deck
SlideSpeak turns your topic or document into a finished Notion Style presentation, exportable as PowerPoint or PDF.
Common questions
Working with the Notion Style presentation design prompt in practice.
