Sammanhang
Datum

Titel på presentationen

Förnamn Efternamn & Förnamn Efternamn

Avsnitt 1 Avsnitt 2 Avsnitt 3
Sammanhang
Datum

Titel på presentationen

Förnamn Efternamn & Förnamn Efternamn

Avsnitt 1 Avsnitt 2 Avsnitt 3

Agenda

Rubrik 1

Punkt

Punkt

Underpunkt

Underpunkt

Rubrik 2

Punkt

Punkt

Rubrik 3

Punkt

Punkt

Punkt

Rubrik 4

Punkt

Sektionstitel

Kort inramning av kapitlet.

Sektionstitel

Kort inramning av kapitlet.

Rubrik på white-slide

Avsnitt

Här lägger du själva innehållet — text, listor, bilder, citat. Håll en tydlig huvudpoäng per slide.

Skriv som "vi", aldrig Futur i tredje person. Korta meningar, viktigast först. Förklara branschtermer.

Rubrik på off-white-slide

Avsnitt

Strukturmässigt identisk med den vita varianten. Tona innehållet på samma sätt.

Det här stycket stegas fram (class="fragment fade-up").

…och sedan det här. Sätt class="fragment" på valfritt element — t.ex. li i en lista eller en box.

Text och bild

Avsnitt

Kort ingress som ramar in poängen.

Brödtext bredvid en bild — kombinera ett resonemang med ett visuellt stöd: produkt, foto eller diagram. Bilden hämtas från bildbanken via background-image.

Tre innehållsdelar

Avsnitt
01

Rubrik

Kort beskrivande text för den här delen.

02

Rubrik

Kort beskrivande text för den här delen.

03

Rubrik

Kort beskrivande text för den här delen.

En enda stark mening som fastnar hos publiken.

Futur gör det enkelt att förstå sitt sparande — det märks i varje möte.

Förnamn Efternamn, Roll · Företag

Nyckeltal

Futur i siffror
320 000

Kunder (försäkringar)

112

Anställda

#1

Mest innovativa bolaget, för tredje året i rad

252mdr

Förvaltat kapital 2025

34mdr

Totala inflöden 2025

8 %

Marknadsandel

Kodförslag

Exempel
function beraknaNetto(belopp) {
  const skattesats = 0.30;
  const skatt = belopp * skattesats;

  const netto = belopp - skatt;
  const andel = (skatt / belopp) * 100;
  return { netto, andel };
}

console.log(beraknaNetto(100000));
Vårt kontor

En arbetsplats byggd för framtiden

Bildbakgrund med gradient-overlay — sätt valfri bild från bildbanken via --bg.

Futur i mobilen

Produkt

Allt sparande på ett ställe.

Visa appen eller webben i en enhetsram. Byt bilden i .screen mot din egen skärmdump — shell och screen-procent kommer från CDN.

iPhone 15 Pro

Futur på webben

Produkt
MacBook Air M2

Auto-animate

Auto-animate

Morph

Rubriken ovan flög hit från mitten av föregående slide — samma element via data-id, ny position och storlek. Det här stycket finns bara här, så det tonas in.

Vertikal stack

1 / 3

Slides med samma data-stack bildar en vertikal kolumn. Tryck för att gå nedåt.

Fördjupning

2 / 3

Nästa nivå nedåt i samma kolumn. Använd vertikala stacks för detaljer som inte hör hemma i huvudflödet.

Detalj

3 / 3

Sista sliden i kolumnen. tar dig vidare horisontellt till nästa slide.

Våra sparformer

Fond
Depå

Våra sparformer

Fond
Multi
Depå

12×12 grid

Layout-system
Rubrik · col-start-1 / col-span-12 / row-start-4 / row-span-2
Brödtext · col-span-7 / row-span-4
Bild eller block · col-start-9 / col-span-4 / row-span-5
Footer / metadata · col-span-12 / row-start-12

Tack!

Förnamn Efternamn & Förnamn Efternamn