Značka v skratke
Kreatívna škôlka je hravá, teplá a rodinná. Vizuálna identita stojí na troch pilieroch:
- Papier a farby — trhané okraje, krémové kartičky s prerušovaným okrajom a štetcové ťahy evokujú detskú tvorbu.
- Akvarelové ilustrácie — deti, kvety a slniečka v jemnej maľovanej kresbe, nikdy sterilné stock fotografie.
- Teplá oranžová — energická, optimistická farba, ktorá nesie celý web od hlavičky po pätičku.
Logo
Ochranná zóna a minimálna veľkosť
Okolo loga nechávame voľný priestor minimálne na výšku písmena „K" z loga na každej strane (znázornené prerušovaným oranžovým rámom).
Minimálna šírka loga je 120 px na webe a 35 mm v tlači. Pre tlač a veľké formáty vyžiadajte od autora loga vektorový zdroj (SVG/PDF).
Správne a nesprávne použitie
Farebná paleta
Kliknutím na farbu skopírujete jej HEX kód do schránky.
Typografia
Baloo 2
Nadpisy, tlačidlá, dôrazné texty
Pomôž mi, aby som to urobil sám — nadpisy a tlačidlá 400–800
Plná podpora slovenskej diakritiky (ď, ť, ň, ľ, ž, č, š). Google Fonts, zadarmo.
Nunito
Odsekový text, popisy, formuláre
Mäkký, čitateľný a priateľský text pre rodičov. Váhy 400–800, podpora slovenčiny.
Google Fonts, zadarmo.
Pinyon Script
Len motto a krátke citáty
Pomôž mi, aby som to urobil sám…
⚠️ Nikdy nepoužívať pre dlhé texty, nadpisy ani tlačidlá. Max. 1–2 riadky, veľkosť od 28 px vyššie.
Hierarchia nadpisov
Grafické elementy
Prijímame detičky
UI komponenty
Trieda Sedmokrásy
Kids Fun Academy
23. júla 2026Od júna sa deti pravidelne zapájajú do pohybových aktivít…
Layout a mriežka
Všetok obsah (hlavička, sekcie, pätička) zdieľa jeden kontajner s rovnakou šírkou a odsadením — vertikálna os je konzistentná naprieč celým webom.
Zaoblenie rohov a tiene
0 10px 26px rgba(120,72,20,.12) — teplý hnedý, nikdy čierny.Breakpointy
| Šírka | Správanie |
|---|---|
| ≥ 1081 px | Plný layout, 4-stĺpcové mriežky |
| ≤ 1080 px | Mriežky sa prepnú na 2 stĺpce |
| ≤ 992 px | Hamburger menu, sekcie pod sebou |
| ≤ 640 px | Všetko v 1 stĺpci, menšie mapy a videá |
Ikony a fotografie
Ikony
Používame jednoduché plné (solid) SVG ikony jedným ťahom — na oranžovej biele, na bielom oranžové. Nikdy emoji (zobrazujú sa na každom zariadení inak — pôvodná chyba starého webu).
Fotografie
Portréty tímu vždy v kruhu s bielym rámom a tieňom. Fotografie v kartách so zaoblením 14–20 px. Fotky sú skutočné, z nášho prostredia — jasné, teplé, prirodzené.
SEO a prístupnosť
- Text je vždy text. Žiadne nápisy „napálené" v obrázkoch — vyhľadávače, AI agenty ani čítače obrazoviek ich nevidia.
- Jedno H1 na stránke, nadpisy v správnom poradí (H1 → H2 → H3).
- Alt text ku každému obrázku, ktorý nesie informáciu. Dekoratívne obrázky majú prázdny alt (
alt=""). - Kontrast: biely text na oranžovej, tmavý text na krémovej. Nikdy čierny text na oranžovej.
- Odkazy a tlačidlá majú hover a focus stav a zmysluplný text (nie „klikni sem").
- Obrázky vo formáte WebP/AVIF, optimalizované; dekorácie s
loading="lazy".
Rýchle pravidlá
✓ Robíme
- Zaoblené rohy, teplé tiene, mäkké prechody
- Jeden kontajner, jedna vizuálna os
- Oranžová + krémová + biela, akcenty striedmo
- Trhané okraje a štetce ako opakujúci sa motív
- Skutočné fotky detí a priestorov
✕ Nerobíme
- Text vypálený v obrázku
- Emoji namiesto ikon
- Čierny text na oranžovom pozadí
- Sivé/cudzie farebné sekcie mimo palety
- Ostré rohy, kostrbaté okraje, tvrdé čierne tiene
- Stock fotografie a 3D rendery namiesto akvarelov
Tón komunikácie
Píšeme tak, ako sa rozprávame s rodičmi pri dverách škôlky — teplo, priamo a s radosťou.
- Oslovujeme rodičov priamo („vaše detičky", „príďte sa pozrieť") — vykáme, ale srdečne.
- Krátko a vecne — rodič na mobile, nie odborná správa.
- Emócie áno, klišé nie. Namiesto „najlepšia škôlka v Košiciach" radšej „deti chodia do škôlky s radosťou a odchádzajú domov s pocitom úspechu".
- Emoji v textoch príspevkov sú vítané 🌼 — ale nikdy namiesto ikon v dizajne.