Media

• 1: Audio and video
• 2: Photography and illustration
• 3: Presentations

1 - Audio and video

Audio identity

Four defined cues. All are short, tonal, and mid-register — the audio equivalent of “slides into place, doesn’t bounce”.

Error is a single low note, not a buzz or a descending pair — it marks the event without scolding.

Video rules

• Demos run at real time. No fast-forward, no speed ramps. If a step is slow, that is information the viewer needs.
• Transitions are a cut or a 200ms fade. No swoops, wipes, or 3D moves.
• All video uses midnight surfaces.
• Subtitles are always available.
• Export at 1080p minimum, 4K when possible.

2 - Photography and illustration

Sources

Preferred: Unsplash and Pexels — royalty-free, no attribution required for commercial use. Commission custom photography where possible, from local European photographers.

Never use: watermarked Shutterstock or Getty imagery, or AI-generated imagery.

Every photograph must pass the test: “would a developer trust this?” Stock imagery of handshakes in glass lobbies fails it. A real desk, real hardware, or real people working passes it.

Treatment

• Photographs in dark mode receive a subtle black overlay so they do not punch a hole in the page.
• The logo never sits directly on an unmodified photograph — see Logo usage.
• Never place text over a busy region. Add a scrim or crop to a quiet area.

Illustration

The illustration style is abstract system diagrams — nodes, flows, and pipelines drawn in the brand palette.

• Midnight for structure, slate for supporting lines, accent for the single element that matters.
• Dashed strokes indicate inferred or optional relationships.
• Labels use Source Sans 3; never letter-space diagram labels.
• Diagrams are line-based, not filled — the system reads as engineering drawing, not infographic.

3 - Presentations

Core slides

Six of the twelve slide types cover most decks. Build with these first and reach for the other six only when the content actually calls for one — the full table is below.

The full deck

Twelve slide types cover a complete talk. Each is 16:10 and uses the same tokens as the product surfaces — no separate “presentation theme”.

The twelve types

Core marks the six that cover most decks. Example marks the types the worked deck below actually demonstrates.

A real deck

Slide deck example — a full client deck at 1920×1080, populated with a realistic consulting narrative rather than lorem text. Arrow keys, PgUp/PgDn, and Space navigate; each slide carries its speaker notes in the source.

The specimens above are scaled-down divs that show the shape of each type. The example is the thing a reader can open, present from, and export.

It runs eleven slides and demonstrates nine of the twelve types, plus two compositions that are worth naming because they look like new types and are not:

• Roadmap — a horizontal timeline of the engagement’s weeks. It is a Three-up stretched to four steps along a rule: same parallel-points structure, same tokens, one axis added.
• Metric row — four stat cards across the slide. That is the KPI row from the interface, used on a slide. The single-number Metric type is for the one number a section is about; the row is for the four that summarise an engagement.

Neither is a thirteenth slide type. If a deck needs an arrangement that is not in the table, compose it from the parts that are. A composition earns a place in the table by turning up in several decks and being written down — not by being used once.

Split, Diagram, and Contact are not in the example deck; their specimens are above.

Rules

• 16:10 aspect ratio.
• Title slides and section statements use midnight surfaces; content slides use white or midnight-1.
• projectious.work is visible on the title and closing slides.
• One idea per slide. If a slide needs a paragraph, it needs to be two slides.

Animation

• Slide transitions: cut or 200ms fade.
• Build animations use --ease-out at --duration-standard.
• Never animate text character-by-character.
• Motion is for revealing structure, not for holding attention.

Templates and export targets

Document templates for LaTeX and Typst are in brand/templates/. Both embed brand identity and fall under the brand-asset licence terms — see Licensing.

Those two are for documents. A deck usually has to arrive somewhere a client can open and edit it, so Google Slides, PowerPoint, and Keynote are first-class targets, not a downgrade from the HTML deck. The system survives the trip because it asks very little of the format: three fonts, three colour families, 16:10, and no effects. Set up a client-facing deck once and the slide types above are all reproducible as masters.

Two things to fix in every native deck tool, because none of them default to the system: replace the theme fonts with Plus Jakarta Sans, Source Sans 3, and IBM Plex Mono (embed them, or the deck reflows on the client’s machine), and replace the default palette with the brand hex values rather than leaving the tool’s approximations of them in the theme.

Everything else is subtraction: no shadow presets, no gradient fills, no transition other than a cut or a 200ms fade, no bulleted list where the type table above offers a slide.