Presentations & Docs

One shared design system. Decks, docs, sample patterns, and authoring guide.

Get started

Sample presentation

Every slide pattern — title, sections, grids, cards, callouts, stats, tables, code, quotes. Copy what you need.

presentations/sample/

Empty template

Start a new deck. Copy this folder to presentations/your-deck-name/ and edit only the content.

presentations/_template/

Sample doc

Long-form docs using the same tokens as the decks. Replaces style.css on any existing page.

docs/sample/

Authoring guide

How to make a new deck, how the slide nav works, how to publish, how to print to PDF.

README.md

What's in the shared/ folder

Don't touch shared/ — it's the design system. Every deck and every doc reads from it. Brand changes happen by editing tokens once; everything updates.

File	What it does
shared/styles/prutan-tokens.css	CSS variables — the single source of brand truth.
shared/styles/prutan-deck.css	Reveal.js theme + slide patterns (cards, callouts, stats…).
shared/styles/prutan-deck-nav.css	Slide-navigator dropdown (the bottom-left pill).
shared/styles/prutan-docs.css	Long-form doc theme (drop-in replacement for `style.css`).
shared/scripts/prutan-deck.js	Reveal init + dropdown logic + logo injection.
shared/assets/	Logos.

PruTAN design system · v1.0 · Built once. Don't touch CSS.