1920 by 1080
Fifteen modules of --grid-x wide, 16 : 9. A slide is drawn at this size and scaled as a whole, so type and space keep their ratio on every screen.
Slides
The masters for a deck, set with the tokens of the website. Each slide below is drawn live at its true size and scaled to its frame.
- 11
- 9
- 5
- 12
Chapter 01libraries/Slide
One stage for every slide
A slide follows the rules of the pages. What is special about it is the fixed format: one size, one grid, the same top line and foot on every slide.
12 columns
Margin --page-margin-lg, gutter --space-32: the grid of the website at full width. Everything starts on the left margin.
Light, dark or a tone
Selene with the ink #111111, or #111111 with Selene. Dark for the cover, a statement and the closing. A family tone of OKEANOS or HELIOS for a section and for slides that carry the product; its ink is chosen by contrast. Hestia is never a ground.
Five sizes
--role-headline-hero for the title of the deck and for figures, --role-headline-xl for the headline, --role-headline-title for the name of a row, --role-text-lede for all text, --role-label-nav for every label.
Full strength
No muted text. Size and place make the order, never grey. Hairlines take the ink of the ground.
Once per slide
The hook line on the cover, the CTA on the closing. A slide in between needs none.
The bar
| with a space each side separates the parts of a line, the page count too. No middle dot, no em dash.
The mark signs
The mark stands top left on the cover. No metaball form as decoration, no 3D render.
The rule line
A hairline, a plus at each end, the context line and the page count. The count comes from the order of the slides, it is never typed.
Coordinates
CampusVäre, Dornbirn, Austria on the cover, Dornbirn, CampusVäre on the closing, as on the landing page. Never a clock.
Chapter 02live
The masters
In the order of a deck. The copy is the landing page's; a text in square brackets is a slot that has no copy yet.
The first slide: the mark, one label, the title of the deck, one sentence, then who it is for, with and from. The hook line names occasion and date.
What the deck holds, in its order: one row per section, the section on the left, its headline on the right. No headline of its own.
Opens a section of the deck: its name at title size on a family tone, one line under it. The tone marks the section; the slides of the section may take it too.
One thought on the dark ground: up to three lines at headline size, nothing else.
A list that is read line by line: number, name, one to three lines of text. Four rows at most.
Up to four figures, each with its label above, and what they mean in two short lists below.
Three things of equal weight side by side: label, name, a few lines. A hairline above each column, no box.
Three parts that belong together as boxes of equal height. One of them may be the ink field: the part the slide is about.
A sequence in time: up to five steps, numbered, each with a name and a few lines.
Who does the work: role, name, a few lines. Two per row, four at most.
The last slide: the question, a few lines, the one CTA in Hestia.