Plátno a jednotky
Deck se staví v HTML na 1920 × 1080 px a exportuje do PPTX. Plátno Google Slides má 960 × 540 pt, takže 1 pt = 2 px. Každou hodnotu z tohoto profilu v HTML násobíš dvěma.
PLÁTNO
960 × 540 pt
= 10 × 5,63 in, poměr 16:9
HTML RENDER
1920 × 1080 px
deck-stage, 1 pt = 2 px
MINIMUM TEXTU
12 pt
osa grafu a poznámka 10 pt
VÝSTUP
PPTX
import do Google Slides
Mřížka
Dvanáct sloupců po 60 pt s gutterem 12 pt. Pozice sloupce x = 54 + (n − 1) × 72, šířka bloku přes s sloupců w = 72 × s − 12. Prvky se zarovnávají na sloupce, ne „na oko".
EYEBROW · y 48 · 14 pt
NADPIS h1 32 pt · y 68 · 42 pt
OBSAH · y 140 · 352 pt
PATIČKA · y 498 · caption-sm 9 pt07
boční okraj 54 pt
horní 48 pt
dolní 48 pt
sloupec 60 pt
gutter 12 pt
obsahová plocha 852 × 444 pt
span 4
276 pt
KPI ze tří, boční text
span 8
564 pt
graf s komentářem
Barvy na slidu
Režim je vždy screen-dark. Google Slides neumí alfu ani blur — používají se neprůhledné ekvivalenty. Průhledná accent plocha se nahrazuje předmíchaným hexem.
{{ c.role }}
{{ c.hex }}
{{ c.use }}
#152430
Techfides accent 15 %
#1A2418
Tech It Out accent 15 %
Typografie
Nejvýš tři velikosti na slide. Ukázka vpravo je v pt měřítku plátna — v HTML je dvojnásobná.
{{ t.role }}
{{ t.pt }}
{{ t.px }}
{{ t.use }}
Devět layoutů
Jiný layout se nevymýšlí — kombinují se tyhle. Živý vzorník v plné velikosti je vzornik-prezentace.dc.html.
01 · Titulní
display 44 pt, bez patičky a osnovy
02 · Agenda
3–6 bodů, řádek 56 pt s děličem
03 · Předěl kapitoly
plocha surface-1, bez patičky
04 · KPI řada
3× span 4 nebo 4× span 3, číslo 54 pt
05 · Graf + zjištění
graf span 8, komentář span 4
06 · Tabulka
span 12, max 7 řádků po 30 pt
07 · Dva sloupce
text span 5, plocha span 6
08 · Prohlášení
jedna myšlenka, h1 32 pt, accent pruh
09 · Závěr
shrnutí + kontaktní řádek caption-sm
Stavební prvky
Hodnoty jsou v pt na plátně. Karta má výplň panel, obrys 1 pt a radius 12 pt; mezera mezi kartami je 15 pt.
{{ p.name }}
{{ p.spec }}
Diagram místo seznamu
Abstraktní sdělení se kreslí, ne odrážkuje — společné pravidlo systému (core § 1.7). Na slidu platí stejná kompozice jako na webu, jen bez pohybu.
Kompozice
Zdroje vlevo (span 3), jádro uprostřed (span 4), výstupy vpravo (span 3) — na sloupcích mřížky z profilu.
Uzly a jádro
Dlaždice panel s obrysem 1 pt a radiusem 12 pt; jádro plocha accent, název bílý 16 pt.
Spoje
Čáry 1,5 pt v line; zvýrazněná cesta 2,5 pt v accent — vždy jen ta, o které slide mluví.
Fázování
Žádná animace. Stejný diagram se zopakuje na 2–4 slidech, pokaždé se zvýrazněnou jinou cestou.
Závěr
Pod diagramem jedna věta 12 pt, co z něj plyne. Legenda závěr nenahradí.
Srovnání na společné ose
Rozdíl mezi dvěma stavy se kreslí stejně jako diagram — dva pruhy nad sebou na ose od nuly, nikdy dvě čísla vedle sebe. Na slidu jde o layout 04 nebo 05, plocha karty panel.
Dráha
Výška 12 pt, radius 3 pt, výplň panel-hi, plná šířka bloku — vidět musí být i zbytek osy za výplní.
Pruhy
Referenční line-hi, cílový accent (gradient 135°). Accent jen na jednom z nich, nejvýš dva pruhy.
Hlavička řádku
Popisek eyebrow 10 pt vlevo, hodnota h2 22 pt vpravo, obojí na jedné účaří.
Osa
Popisky caption-sm 9 pt muted pod pruhy, dělič 1 pt line-2 uvnitř dráhy.
Závěr
Jedna věta body 12 pt pod grafem („o 2 h 40 rychleji"). Nikdy displejové číslo místo důkazu.
Cesta do Google Slides
Pokud se deck jen ukazuje nebo posílá jako PDF, krok 3 odpadá — HTML deck je finální výstup.
01Postav deck v HTML
deck-stage 1920 × 1080 px, každý slide jako <section data-label>.
02Export PPTX
Editovatelný režim — nativní tvary a text, ne obrázky.
03Import do Slides
Soubor → Importovat prezentaci. Fonty Inter a IBM Plex jsou v Google Fonts.
04Zkontroluj
Plátno 10 × 5,63 in, náhrada fontů, zalomení textu o řádek navíc.
Nikdy v prezentaci
Většina těchto pravidel není estetika — Google Slides to buď neumí, nebo to při exportu spadne.
