Písmo

Písmo je pre zložky odporúčané. Zložka môže používať aj vlastné písmo. Pri novom webe alebo redizajne by však mala prejsť na Fira Sans aspoň v bežnom texte.

Písma

Fira Sans a Playfair Display sú písma z dizajn manuálu Saleziánov don Bosca z roku 2022.

AÁÄBCČDĎEÉFGHIÍJKLĹĽMNŇOÓÔPQRŔSŠTŤUÚVWXYÝZŽ
aáäbcčdďeéfghiíjklĺľmnňoóôpqrŕsštťuúvwxyýzž
0123456789

Fira Sans

Na web, vizuály a tlačoviny.

  • Regular 400
  • Medium 500
  • SemiBold 600
  • Bold 700
Stiahnuť z Google Fonts

„Každá zložka si zachováva vlastnú tvár a zároveň sa hlási k Dielu.“

Playfair Display

Na citáty a špeciálne príležitosti, napríklad pozvánky.

Stiahnuť z Google Fonts

AÁÄBCČDĎEÉFGHIÍJKLĹĽMNŇOÓÔPQRŔSŠTŤUÚVWXYÝZŽ
aáäbcčdďeéfghiíjklĺľmnňoóôpqrŕsštťuúvwxyýzž
0123456789

Barlow Condensed

Na veľké obrazovky, napríklad v kostole. Je úzke, takže sa na obrazovku zmestí aj veľký text.

  • Medium 500
  • Bold 700
Stiahnuť z Google Fonts

Všetky tri písma sú voľné pod licenciou SIL Open Font License, aj na tlač a komerčné použitie.

Alternatívne písmo

AÁÄBCČDĎEÉFGHIÍJKLĹĽMNŇOÓÔPQRŔSŠTŤUÚVWXYÝZŽ
aáäbcčdďeéfghiíjklĺľmnňoóôpqrŕsštťuúvwxyýzž
0123456789

Verdana

Na e-maily z Ecomailu a Word dokumenty posielané e-mailom. E-mailové programy ani počítače príjemcov písmo Fira Sans väčšinou nemajú. Verdana je na každom počítači s Windows aj Macom, netreba ju sťahovať.

  • Regular 400
  • Bold 700

Veľkosti

Veľkosti sú v rem, takže sa zväčšia, keď si človek zväčší písmo v prehliadači. Nadpisy a perex sú na mobile menšie, bežný a malý text ostávajú rovnaké. Ukážky majú veľkosť podľa šírky okna, na mobile sú menšie.

Spoločenstvo pre každého

Nadpis 1--font-size-h156 px, na mobile 40 pxSemiBold, riadkovanie 1,2, písmená −0,02 em

Tento týždeň na Trnávke

Nadpis 2--font-size-h232 px, na mobile 26 pxSemiBold, riadkovanie 1,2, písmená −0,01 em

Hry pre veľkú skupinu

Nadpis 3--font-size-h326 px, na mobile 22 pxSemiBold, riadkovanie 1,2

Pomôcky

Nadpis 4--font-size-h422 px, na mobile 20 pxSemiBold, riadkovanie 1,2

Stretká, akcie a tábory pre deti a mládež.

Perex--font-size-lead21 px, na mobile 19 pxRegular, riadkovanie 1,5

Pravidlá vysvetlite skôr, ako sa deti rozdelia do tímov.

Bežný text--font-size-body18 pxRegular, riadkovanie 1,6

Pridané 27. 9. 2026

Malý text--font-size-small15 pxRegular, riadkovanie 1,5

Veľké nadpisy majú písmená mierne bližšie k sebe (--letter-spacing-h1, --letter-spacing-h2), inak by pôsobili riedko.

Poradie nadpisov

Na stránke je jeden nadpis 1 s jej názvom. Úrovne sa nepreskakujú: po nadpise 2 nasleduje nadpis 3, nie 4. Úroveň sa vyberá podľa štruktúry obsahu, nie podľa veľkosti. Podľa nadpisov sa po stránke orientujú čítačky obrazovky.

Farba nadpisov

Nadpisy sú čierne (--fg-neutral). Farebný nadpis (--fg-large-{farba}) sa použije len výnimočne, keď farba nesie význam, a nikdy pri všetkých nadpisoch na stránke naraz.

Text

Bežný text je v reze Regular s riadkovaním 1,6 a má najviac 70 znakov na riadok (--line-length). Dlhší riadok sa zle číta. Zvýraznenie v texte je v reze SemiBold, kurzíva sa používa len výnimočne. Odseky oddeľuje medzera, prvý riadok sa neodsadzuje.

Veľká hra trvá zvyčajne hodinu až dve. Pravidlá vysvetlite skôr, ako sa deti rozdelia do tímov, potom už tak dobre nepočúvajú. Ďalšie nápady nájdete v zásobníku hier.

Hru vyberajte podľa veku a počtu detí. Mladšie deti potrebujú jednoduché pravidlá a kratšie kolá.

Nadpisy a odseky

Nad nadpisom je väčšia medzera ako pod ním, aby bolo jasné, že nadpis patrí k textu pod sebou: nad nadpisom 2 je --space-7, nad nadpisom 3 --space-6, nad nadpisom 4 --space-5 a pod každým --space-3. Odseky oddeľuje --space-4, pod perexom je --space-5.

Veľká hra

Hra pre celú skupinu, ktorá trvá hodinu až dve.

Čo pripraviť

Šatky pre tímy, píšťalku a stopky.

Lekárničku a vodu majte vždy so sebou.

Zarovnanie

Text je zarovnaný vľavo. Do bloku sa nezarovnáva, lebo medzi slovami vznikajú nerovnomerné medzery. Na stred sa zarovnávajú len krátke texty, napríklad nadpis na plagáte.

Zoznamy

Zoznam s odrážkami je pre veci bez poradia, číslovaný pre kroky, ktoré idú za sebou. Položky majú veľkosť a riadkovanie bežného textu, bez medzery navyše, zoznam je odsadený o --space-5. Odrážka je bodka vo farbe textu. Zoznam má najviac jednu vnorenú úroveň.

Na hru pripravte:

  • šatky alebo pásky pre tímy,
  • píšťalku a stopky,
  • lekárničku a vodu.

Ako hru pripraviť:

  1. Vyberte hru podľa veku a počtu detí.
  2. Prejdite si terén a označte hranice.
  3. Rozdeľte úlohy medzi animátorov.

Citát

Citát je v písme Playfair Display vo veľkosti nadpisu 3, s tenkým pásom vľavo. Pod ním je zdroj alebo autor malým tlmeným textom.

„Každá zložka si zachováva vlastnú tvár a zároveň sa hlási k Dielu.“

Vízia dizajn systému

Zvýraznený text

Dôležitá poznámka v článku, napríklad čo si priniesť, je na jemnom sivom pozadí (--bg-subtle-neutral) so zaoblením --radius-medium. Patrí k obsahu článku, nie je to hláška. V HTML má triedu inset.

Hru vyberajte podľa veku a počtu detí.

Lekárničku a vodu majte vždy so sebou.

Hranice ihriska ukážte deťom pred začiatkom hry.

Tabuľka

Tabuľka v texte, napríklad cenník alebo rozpis, má hlavičku v reze SemiBold oddelenú výrazným okrajom a riadky oddelené jemným okrajom. Čísla sú zarovnané vpravo a sú rovnako široké.

VekHráčov najviacDĺžka
8 až 10 rokov2045 min
11 až 14 rokov3060 min
od 15 rokov4090 min

Číslice v rozpisoch

Časy, dátumy a ceny pod sebou, napríklad v rozpise omší, majú všetky číslice rovnako široké, aby boli zarovnané. V CSS je to font-variant-numeric: tabular-nums.

Pondelok6:3018:00
Utorok6:3018:00
Sobota7:3011:11
Nedeľa10:0011:30
Bežné číslice
Pondelok6:3018:00
Utorok6:3018:00
Sobota7:3011:11
Nedeľa10:0011:30
Rovnako široké číslice

Oddeľovač

Tenká čiara (hr) oddeľuje časti textu, ktoré k sebe nepatria. Má farbu jemného okraja a nad aj pod sebou --space-6.

Hru ukončite skôr, ako deti stratia záujem.


Ďalšie nápady na hry nájdete v zásobníku hier.

Veľké písmená

Veľkými písmenami sa píšu len krátke označenia, napríklad nadtitulok nad nadpisom. Sú v malom texte, v reze SemiBold a s väčšími medzerami medzi písmenami (--letter-spacing-caps). Nadpisy ani dlhší text sa veľkými písmenami nepíšu, horšie sa čítajú.

Pre animátorov

Ako pripraviť veľkú hru

Ukážka

Článok, v ktorom sú všetky prvky písma spolu.

Pre animátorov

Ako pripraviť veľkú hru

Pridané 27. 9. 2026

Hra pre celú skupinu detí, ktorá baví všetkých a pri ktorej sa nikto nestratí. Poradíme, ako vybrať hru podľa veku, pripraviť terén a rozdeliť úlohy medzi animátorov.

Veľká hra je hra pre celú skupinu, zvyčajne vonku a v tímoch. Môže to byť hľadanie pokladu, vlajková hra alebo príbeh s úlohami po celom ihrisku.

„Najlepšia hra je tá, pri ktorej sa zabávajú deti aj animátori.“

Skúsený animátor

Dobrá hra má jednoduché pravidlá, jasný cieľ a koniec, ktorý všetci poznajú vopred. Deti sa majú hýbať, nie čakať, kým na ne príde rad.

Každý tím má svojho animátora. Dohliada na bezpečnosť a pomáha, keď sa deti pri pravidlách nezhodnú.

Hra podľa veku

Počet hráčov a dĺžku hry prispôsobte veku detí. Mladšie deti potrebujú kratšie kolá a viac prestávok.

VekHráčov najviacDĺžka
8 až 10 rokov2045 min
11 až 14 rokov3060 min
od 15 rokov4090 min

Priebeh hry

0:00Vysvetlenie pravidiel
0:10Rozdelenie do tímov
0:15Prvé kolo
0:45Prestávka a voda
0:55Druhé kolo
1:25Vyhodnotenie

Ako hru pripraviť

  1. Vyberte hru podľa veku a počtu detí.
  2. Prejdite si terén a označte hranice.
  3. Rozdeľte úlohy medzi animátorov.

Čo pripraviť

  • šatky alebo pásky pre tímy,
  • píšťalku a stopky,
  • lekárničku a vodu.

Bezpečnosť

Hranice ihriska ukážte deťom pred začiatkom hry. Lekárnička a voda sú vždy pri hlavnom animátorovi. Viac nájdete v pravidlách bezpečnosti.


Text je len ukážka.