O tomto manuáli
Tento dokument zhŕňa vizuálnu identitu, ktorá už reálne funguje na webe farnostbelusa.sk – farby vychádzajú priamo z erbu farnosti, typografia a komponenty sú prevzaté z jeho CSS. Slúži ako referencia pri tvorbe ďalších materiálov (oznamy, pozvánky, sociálne siete, tlačoviny), aby zostali vizuálne konzistentné s webom.
Zdroj identity
Erb farnosti
Celá farebná paleta webu vychádza z erbu farnosti – nie je to jeden bledý odtieň na farbu, ale plný rozsah pre každú z troch farieb erbu. Váha (bledá/sýta) sa volí podľa dôležitosti prvku, nie automaticky rovnako pre všetko.
Zelená (emerald) — štít erbu → primárna farba webu
Zlatá (lemon) — koruna a plamene srdca → akcentová farba
Červená (scarlet) — srdce a ružičky → farba naliehavosti
Paleta
Farebná paleta
Každá farba erbu má plný rozsah odtieňov 50 → 800, od najbledšieho po najsýtejší.
Emerald (zelená)
emerald-50
#D0E5DC
emerald-100
#9FD5BA
emerald-200
#5BA285
emerald-400
#016B45
emerald-600
#004F31
emerald-800
#00341F
Lemon (zlatá)
lemon-50
#FEF5D9
lemon-100
#FBEA9F
lemon-200
#F5DD6B
lemon-400
#EFEA24
lemon-600
#C4B71A
lemon-800
#8A7D14
Scarlet (červená)
scarlet-50
#F8D5D5
scarlet-100
#F0A8AB
scarlet-200
#E8717A
scarlet-400
#DD0024
scarlet-600
#A8001A
scarlet-800
#6B000F
Grey (neutrálna)
grey-50
#F5F4F7
grey-100
#E8E5EB
grey-200
#9D9AA4
grey-400
#5C5962
grey-600
#322833
grey-800
#201B22
Sémantické použitie
Primárna
Primárna / aktuálna vec — sýtejší emerald odtieň. V CSS webu vystupuje pod historickým názvom blue (trieda
farba-blue) — názov nesedí s farbou, je to len kód.--blue-fill: emerald-100 · --blue-ink: emerald-600
Akcent
Akcent bez naliehavosti — teplý, nie kričiaci lemon tón. V CSS webu vystupuje pod názvom gold (trieda
farba-gold).--gold-fill: lemon-100 · --gold-ink: lemon-800
Naliehavosť
Skutočná naliehavosť — výrazný scarlet tón. V CSS webu vystupuje pod historickým názvom bordo (trieda
farba-bordo) — nie je to bordová.--bordo-fill: scarlet-100 · --bordo-ink: scarlet-600
Text a pozadie
text
#2E2A22
text-mid
#4A4438
text-soft
#7C7566
bg
#FFFFFF
bg-cream
#FAF6EC
bg-wash
#D0E5DC
line
#EDE7D8
Písmo
Typografia
Nadpisy — H1 / H2
Prvé sväté prijímanie 2026
Literata · kurzíva, váhy 600 a 700 — používa sa výlučne na nadpisy H1 a H2. Náhradný stack: Georgia, Times New Roman, serif.
Text a UI — Epilogue
Tento týždeň vo farnosti
Bežný text, popisy a odseky — 16px, riadkovanie 1.6, farba text-mid. Náhradný stack: -apple-system, Segoe UI, Roboto, Arial, sans-serif.
Eyebrow / štítok · 11px, letter-spacing .06–.09em
Značky
Logá farnosti
Erb farnosti
Oficiálny znak — slávnostné a liturgické materiály
CCVČ Beluša
Cirkevné centrum voľného času — krúžky, tábory, mládež
Pastoračné centrum
Značka priestorov a podujatí pastoračného centra
Okolo každého loga nechajte voľný priestor aspoň vo výške koruny/erbu na strane; logá neotáčajte, neskresľujte a nemeňte im farby.
Zo stavebnice webu
Komponenty
Pás s upozornením
Oznam
Farská púť sa uskutoční v sobotu
Viac info
Zvýraznenie „Dnes“
Ned
10:30
Beluša
Miesto — štítky
Beluša
Podhorie
Zaoblenie rohov
sm 10px
md 14px
lg 16px
xl 18px
Karta / tieň
Používanie tohto manuálu
Pri nových materiáloch (plagáty, oznamy, príspevky na sociálne siete) vychádzajte z farieb a písma na tejto stránke. Voľba bledého/sýteho odtieňa sa vždy riadi dôležitosťou prvku — nie je to automatická, jednotná náhrada pre všetko. Táto stránka je živý dokument: dopĺňajte ju o nové komponenty, keď pribudnú na webe.