Five styles for HTML decks, each shown on a title slide. The four OTTO styles share one theme and differ only in the ground and the picture; Otto Group decks keep their own theme, taken from the Otto Group master.
When to use which
| Style | Ground | Picture | Use for |
|---|---|---|---|
| OTTO Light | frame grey #E9E9EA and white | OTTO red material | most slides: reports, results, reviews |
| OTTO Red | OTTO red #EB001F | the letter sculpture in white | chapter openers and one key message, at most every fourth slide (red stays below 30 % of the deck) |
| OTTO Ink | near-black #212121 | none | a single statement or a figure that must stand alone |
| OTTO Sculpture | frame grey | the OTTO letter sculpture | brand and campaign topics, title and closing |
| Otto Group | aubergine, sand, white | layered photographs | group-level topics only, never mixed with the OTTO styles |
Building blocks of the OTTO theme
- Type: OTTO Sans; headlines in the black KO cut, 104 to 176 px on the 1920 × 1080 canvas; body 34 px; eyebrow 24 px bold capitals in OTTO red.
- Footer: the original logo (red on light, white on red and ink), the deck title and the slide number on a hairline.
- Layouts: title, agenda, chapter, statement, figures, picture cards, split, live components, quote, gallery, closing (see the sample deck).
- Pictures run edge to edge on the frame grey, because the red-material pictures are shot on the same grey.