Creating a deck
Decks are always created from a board. You cannot create a blank deck from the Deck tab directly.Deck library
If you have more than one deck, a deck library bar appears at the top of the Deck view. It shows all your decks as labeled buttons. Click any deck name to load it into the composer without leaving the tab.The deck composer
The composer is split into two areas:- Editor panel (top) — settings for style, typography, layout, and copy
- Preview canvas — a live rendering of the deck at full width
Editor panels
Toggle between two panels using the Layout / Style selector at the top of the editor.- Style panel
- Layout panel
Controls the visual presentation of the deck.Images — A 10-slot image strip pulled from your board. Click any slot to set it as the active image (used for color extraction). Click an empty slot to add images from your device. Hover a slot to extract colors from that image or remove it.Typography — Choose from 9 font pairings:
Color palette — 9 editable color tokens (Primary, Secondary, Accent, Tertiary, Background, Surface, Text, Muted, Border). Click any swatch to open a color picker. Use Extract active to pull a palette automatically from the currently active reference image.Image overlay — A black gradient applied to a randomized subset of image blocks. Two sliders control the overlay strength (0–100%) and variation (how much the strength differs between slides). Click Reroll overlay mix to randomize which slides get the overlay treatment.
| Name | Font pairing |
|---|---|
| Agency | Schibsted Grotesk + Karla |
| Technical | IBM Plex Sans + Mono |
| Editorial | Playfair Display + Source Serif |
| Brutalist | Archivo Black + Archivo |
| Playful | Quicksand + Cabin |
| Modern | Inter |
| Newspaper | Playfair Display + DM Sans |
| IBM Plex | Plex Sans + Plex Mono |
| Minimal | Geist |
Editing mode vs preview mode
The toolbar at the top of the composer has a toggle:- Preview mode — The deck renders as a clean presentation without editing controls.
- Editing mode — Inline text editing is enabled on the preview canvas. Click any text element to edit it directly in place.
Fullscreen presentation
Click Fullscreen in the toolbar to open a fullscreen presentation view with smooth GSAP scroll animations. Sections fade and slide in as you scroll. Press Close to exit.Exporting to PDF
Click Export PDF to render the deck as a landscape PDF at 1920×1080 per page. The export process:- Each visible slide block is captured with html2canvas at 2× scale
- Slides are added sequentially to a jsPDF document in landscape orientation
- The file is saved as
<deck-title>.pdf
Export quality depends on image resolution and CORS policy of image sources. Cross-origin images use the
useCORS: true flag — make sure your image hosting allows cross-origin reads.Auto-save
The composer state (images, blocks, colors, fonts, layout, overlay settings) is saved automatically tolocalStorage every 500 ms. Changes are preserved if you navigate away and return. Click Reset in the editor footer to discard your changes and restore the deck to its default state.