Kollegor vid skrivbord bakom en krukväxt på kontoret
Exempelpresentation

Presentationer som är webbsidor

Samma formspråk som magello.se, öppnas direkt från disk.

Patric Jansson · Oktober 2026

Varför

En presentation ska gå att öppna överallt

Layouter

Byggstenarna du kan kombinera.

Tre kolumner

Kort med ikoner

Idé

Börja med en tanke per bild. Rubriken säger slutsatsen.

Struktur

Luft, ytor och former delar upp innehållet, aldrig streck.

Leverans

Publicera som statisk sida och dela länken.

Post-it-lappar på en glasvägg i ett mötesrum
Text och bild

Fotot får ta plats

Bilder är alltid svartvita och klipps i en polygon. Texten behåller samma vänsterkant som på alla andra bilder.

Nyckeltal

Siffror som blickfång

1

länk att dela

0

beroenden eller byggsteg

16:9

skalar till alla skärmar

Allvaret ligger i typografin. Lekfullheten ligger i formerna.

Publik som lyssnar på en föreläsning
Helbild

Text på foto ligger på en vit platta

Aldrig direkt på bilden.

En form säger ”här börjar något”. En linje säger ”här slutar något”. Magellos formspråk
Process

Så skapar du en ny presentation

  1. Kopiera styleguide/presentationer/mall till en ny katalog
  2. Skriv en section per bild
  3. Dubbelklicka på index.html och tryck F för helskärm
<section class="slide">
  <span class="kicker">Etikett</span>
  <h2>Rubriken är slutsatsen</h2>
  <p>En tanke per bild.</p>
  <aside class="notes">…</aside>
</section>
Talarvy

Bara du ser anteckningarna

  1. Tryck P så öppnas talarvyn i ett eget fönster
  2. Dra presentationen till projektorn och tryck H för helskärm
  3. Bläddra i vilket fönster som helst, de följer varandra

I talarvyn

  • Aktuell och nästa bild
  • Dina anteckningar
  • Tid sedan bild 2
  • Nedräkning med stapel, om du vill

Tack!

Frågor? patric.jansson@magello.se