DigiDay · Brand Book · v1.10
Brand book, který
dává tvar
tomu, co děláme.
Sjednocená komunikace napříč skupinou DigiDay Czech, Creative a Group. Pravidla, šablony a stažitelné assety na jednom místě.
Sekce 01
Úvod a OST
Jak DigiDay myslí, čím začínáme každé rozhodnutí o značce a jak ten brand book vůbec používat.
Co děláme
DigiDay je česká firma na digitální zobrazovací a vizuální technologie — elektronické úřední desky, digitální panely a kiosky, LED obrazovky, správu a kompletní servis. Vedle hardwaru se zabýváme kreativou, tvorbou software a webů.
Cílíme na obce, samosprávy, školy, hotely, retail a korporace primárně v Česku a na Slovensku. Sídlo Ostrava, pobočky Praha, Žďár nad Sázavou, Zvolen.
Pod jednou skupinou pracují tři divize: DigiDay Czech (hardware, prodej, servis), DigiDay Creative (kreativa, videa, weby) a zastřešující DigiDay Group (sociální podnik). Brand book sjednocuje, jak vystupují všechny tři.
DigiDay jedním slovem
VIDITELNOST
DigiDay nedodává displeje.
DigiDay dodává viditelnost.
Každý produkt v portfoliu řeší jeden a ten samý problém: informace klienta se nedostávají k lidem, kteří je potřebují. OST je interní kompas, podle kterého se řídí veškerá komunikace.
Příklady OST
Ariel
hebkost
Volvo
bezpečnost
Lego
kreativnost
Parker
dárkovost
Úřad
Papírovou desku nikdo nečte. Viditelnost vůči občanům.
Škola
Letáky mají rychlou expiraci. Viditelnost vůči rodinám.
Firma
Veletrh = jeden stánek z dvou set. Viditelnost vůči návštěvníkům.
Obchod
Lidé jdou kolem výlohy. Viditelnost vůči kolemjdoucím.
Areál
Návštěva nezná cestu. Viditelnost vůči nájemcům.
Rozhodovací kompas
Každé rozhodnutí o značce, produktu nebo komunikaci si položí jednu otázku:
„Zvyšuje to viditelnost klienta?"
ANO
Děláme to. Nový produkt, kampaň, partnerství — jdeme do toho.
NE
Zpět o krok. Není to náš byznys, předěláme příslib.
Hlavní sdělení
Děláme vás viditelnými.
Hlavní sdělení DigiDay. Pod ním pět cílových verzí pro různé segmenty:
- Úřady „Vaši občané vidí, co potřebují. 24 hodin denně, 365 dní v roce."
- Firmy „Vaše značka svítí tam, kde jsou vaši zákazníci."
- Školy „Rodiče a studenti vidí vše důležité na první pohled."
- Retail „Vaše nabídka je viditelná přesně tam, kde se rozhoduje."
- Hotely „Hosté najdou vše, co potřebují, i když recepce nemá službu."
Jak ho používat
Interně
Cokoli vyrábíš pro DigiDay — prezentace, e-mail, LinkedIn post, leták — najdeš tu pravidla a hotové šablony. Když je v nich, je to v pořádku.
Externě
Pošli odkaz agentuře, freelancerovi, partnerovi nebo dodavateli. Tady má vše potřebné — logo, barvy, font, tone of voice. Není to veřejné, je to na vyžádání.
Schvaluje
Výjimky z pravidel, nové produktové názvy a sporné případy schvaluje Martin Klimánek. Bez jeho schválení nevzniká nic, co opouští firmu pod značkou DigiDay.
Sekce 02
Logo
Master logo, čtyři varianty, ochranná zóna a pravidla. Stáhni si jakoukoli verzi v SVG — otevíratelné v každém grafickém editoru i tiskovém pre-pressu.
Varianty
Vždy začni u barevné verze. Mono varianty volíš podle podkladu, magentu jako akcent.
Magenta
Akcent na světlém pozadí, kampaně, hero formáty.
Mono tmavý
Faxy, jednobarevný tisk, embossing, gravírování.
Mono světlý
Tmavé pozadí, fotografie s tmavou podložkou, video outro.
SVG je optimální pro web i tisk (vektor, neztrácí kvalitu při zvětšení). PNG / PDF varianty si vygeneruj z SVG v libovolném editoru, případně v CloudConvert.
Ochranná zóna
Kolem loga vždy ponech prostor minimálně 1× výška znaku „D". Žádný text, prvek ani okraj listu nesmí do této zóny zasahovat.
X = výška „D" v logotypu. Modrošedý čárkovaný okraj značí hranici ochranné zóny.
Minimální velikost
Pod uvedenou hranicí logo přestává být čitelné a brand se vizuálně rozplývá. Drž se tohoto minima.
Web minimum
80px
Mobile/favicon
60px
Krajní limit, jen kde absolutně nutno.
Tisk minimum
25mm
Co se nesmí
Logo je vyladěné jako celek. Jakákoli z těchto úprav rozbíjí značku.
Sekce 03 · Barvy
Magenta je
nejviditelnější barva.
Vizuální nositel naší OST. Když svítí magenta, vědí, že jsme to my.
HEX
#D2247C
RGB
210·36·124
CMYK
0·83·41·18
Pantone
219 C
Paleta
Klikni na kteroukoli barvu — HEX se zkopíruje do schránky.
Pravidla
Magenta jako akcent, ne základ
Hero plochy ano (cover prezentace, CTA banner). Tělo textu, dlouhé odstavce nebo velké pozadí celé stránky — ne. Generický „pink web" není cíl.
Šedá jako tělo
#222c37
pro nadpisy a dlouhý text na bílém. Neslevuj na čistou černou.
Bílá a světlá pozadí
Default bílá. #F2F2F2
jako sekundární pro odlišení sekcí, kartiček, citací.
Žádné jiné barvy
Bez fialové, modré, oranžové, gradientů. Když potřebuješ kontrast — zvětši písmo, přidej prostor, použij hierarchii. Ne novou barvu.
Kontrast
Před nasazením kombinace ověř kontrast. Cílíme na WCAG AA (4.5:1 pro běžný text, 3:1 pro velký).
OK · 5.86:1
Bílá na magenta — dostatečný kontrast pro CTA, nadpisy.
OK · 14.3:1
Bílá na šedé — perfektní pro tmavé sekce, prezentace.
OK · 14.3:1
Šedá na bílé — výchozí kombinace pro tělo textu.
Nedoporučeno · 2.9:1
Šedá na magenta — kontrast pod WCAG AA. Použij bílou na magenta.
Online kontrast checker: webaim.org/resources/contrastchecker
Migrace
Pozor · historické materiály
Starší podklady (nabídky, prezentace) používají odstín #ce2c79.
Při aktualizaci přepiš na #D2247C — rozdíl je vizuálně malý,
ale brand book je teď autoritativní zdroj.
Odchylka ±3 v HEX hodnotách je v tisku v toleranci, na monitoru zanedbatelná. Nové materiály vždy #D2247C.
Sekce 04
Typografie
Poppins. Čtyři váhy. Dohromady systém, který drží od malého popisku po velký hero titul.
Specimen
Poppins je geometrický sans-serif od Indian Type Foundry. Volně k použití přes Google Fonts.
Light · 300
Regular · 400
Medium · 500
SemiBold · 600
Velikostní stupnice
Sedm úrovní pokryje vše od plakátového titulu po malý popisek pod fotkou.
Velký nadpis
120–192 px · váha 600
Hero cover, hlavní slogan.
VIDITELNOST
Nadpis
72–120 px · váha 300
Otevírací titul stránky / sekce.
Brand book
H1
48–72 px · váha 300
Nadpis hlavní sekce.
Typografie
H2
30–48 px · váha 300+600
Podsekce, „módní" nadpis v článku.
Magenta je nejviditelnější barva.
H3
20–24 px · váha 600
Nadpis kartičky, blok v listu.
Záruka 2 roky na vše
Úvodní odstavec
18–20 px · váha 300/400
Úvod pod nadpisem, větší proklad.
DigiDay nedodává displeje. DigiDay dodává viditelnost. Každý produkt v portfoliu řeší jeden problém.
Tělo
16 px · váha 400
Tělo textu, odstavce, popisy.
DigiDay je česká firma na digitální zobrazovací a vizuální technologie. Cílíme na obce, samosprávy, školy, hotely, retail a korporace primárně v Česku a na Slovensku. Sídlo v Ostravě, pobočky v Praze, Žďáru a Zvolenu.
Small
12–14 px · váha 400/500
Popisek, metainformace, footer.
Aktualizováno: 27. 4. 2026 · DigiDay Czech s.r.o.
Nadtitulek
12 px UPPERCASE · váha 500/600 · vyrovnání +300
Štítek nad nadpisem, kategorie.
Sekce 03 · Barvy
Pravidla vah
300
Light
Velké nadpisy, citace
Velkorysá, vzdušná. Pro velké titulky 60+ px, citáty. Tělo textu nikdy.
400
Regular
Tělo textu
Default pro odstavce, popisy, popisky. Když nevíš, používej tuhle.
500
Medium
Důrazy, podnadpisy, nadtitulky
Mezistupeň. Tučný důraz uvnitř odstavce, label nad nadpisem, navigace.
600
SemiBold
Hlavní nadpisy, CTA, čísla
Maximální váha. Hero čísla (statistiky), tlačítka, magenta akcenty v nadpisu.
Nadpisy
Velký nadpis musí dýchat. Max-width, line-height, hierarchie, balance — bez toho je nadpis jen dlouhá řádka.
| Úroveň | Velikost písma | Proklad | Vyrovnání (InDesign) |
Max. šířka | Kolik / stránka |
|---|---|---|---|---|---|
| Velký nadpis hero / cover |
desktop 120–192 px mobil 64 px tisk 50–80 pt |
90 % např. 192/173 px |
−50 | 896 px 235 mm tisk |
1× |
| Nadpis (H1) otevírací titul sekce |
desktop 72–120 px mobil 48 px tisk 36–60 pt |
95 % např. 96/91 px |
−40 | 768 px 200 mm tisk |
1× per dokument |
| H2 podsekce | desktop 48–80 px mobil 30 px tisk 24–40 pt |
110 % např. 60/66 px |
−25 | 768 px | 3–8× v dokumentu |
| H3 blok / karta | desktop 20–24 px tisk 11–14 pt |
125 % např. 24/30 px |
0 | žádný | libovolně |
| H4 a níž | Nepoužíváme. Když potřebuješ čtvrtou úroveň, restrukturuj obsah nebo použij tučný odstavec (váha 500 Medium). | ||||
Pravidlo 1
Jen jeden H1 per dokument / stránku. Pravidlo SEO i přístupnosti.
Pravidlo 2
Nepřeskakuj úrovně. Po H2 nikdy přímo H4. Pokud chybí střední úroveň, je struktura špatně.
Pravidlo 3
Velký nadpis = jeden řádek ideálně, max dva. Když přetéká, zkrať.
Dělej
Magenta je nejviditelnější barva v celém spektru.
text-wrap: balance — řádky se rozdělí rovnoměrně, žádný osamělý sirotek.
Nedělej
Magenta je nejviditelnější barva v celém
spektru.
Default zalomení může nechat poslední slovo „spektru“ samo na řádku — vypadá to opuštěně.
Tělo a české typo
Pravidla pro odstavce a detaily, na kterých se pozná, jestli to píše amatér nebo profík.
Šířka a rytmus odstavce
60–75
Znaků na řádek
Optimum pro čitelnost. V Tailwindu max-w-prose (≈65ch) nebo max-w-2xl.
1.625
Line-height těla
Minimum. Třída leading-relaxed. Pro dlouhé čtení (case study, blog) klidně leading-loose (2.0).
1×
Tučné slovo per větu
Maximum. Důraz váha Medium 500, nikdy 600+ uvnitř odstavce. Když chceš zdůraznit víc věcí, restrukturuj — odrážky, podnadpis.
mb-4
Mezera mezi odstavci
Default 16 px. Mezi sekcemi v dlouhém textu klidně mb-8 (32 px). Žádné prázdné odstavce <br>.
České typografické minimum
Pevné mezery
Po jednoznakových předložkách k, s, v, z, o, u, a, i — nesmí na konci řádku zůstat osamělé. Také mezi číslem a jednotkou.
v Praze · 24 °C · 1 270
Uvozovky „"
České dvojité uvozovky: dolní 9 + horní 6. NIKDY ne rovné "" ani anglické "".
„DigiDay dodává viditelnost.“
Pomlčka –, ne spojovník -
Pro rozsah a vsuvku en dash (–) s mezerami nebo bez (8–17 hodin). Pro přerušení větné stavby em dash (—). Spojovník (-) jen ve složeninách: česko-slovenský.
2017–2026 · 8.00–17.00 · Ostrava — pobočka
Čísla a jednotky
Tisíce odděluj úzkou nedělitelnou mezerou. Mezi číslem a jednotkou (procenta, °C, kg) vždy mezera.
1 270 obcí · 30 % · 24 °C · 5 kg
Tři tečky …
Vždy znak … (U+2026), nikdy tři tečky ... za sebou.
a tak dále… · pokračování…
Apostrof '
Typografický (U+2019), ne rovný apostrof. Důležité u anglických názvů.
Don't · Apple's · O'Brien
Blockquote
„Lidé se znovu zastavují u výlohy."
Levý border magenta 4 px, padding-left 20 px, font Light italic, leading-snug. Atribuce pod citátem v Small šedé.
Seznamy
- ·Bullet je magenta tečka, ne default disk
- ·Mezera
space-y-1.5mezi řádky - ·Pro číslované použij arabské 1. 2. 3. plus tabular-nums
Žádné „✓ ✗ →“ emoji jako bullet — ikonky až k textu, ne jako rozlišovač.
Pozadí a kontrast
Brand žije na 5 typech pozadí. Pro každé jiná pravidla — co může být text, co akcent, co ne. Vše drží WCAG AA (4.5:1 tělo, 3:1 velký).
| Pozadí | Tělo | Akcent | Povolené váhy | Zákaz |
|---|---|---|---|---|
Bílá #FFF |
ink-900 / ink-700 | magenta | 300 / 400 / 500 / 600 | — |
Ink-50 #F2F2F2 |
ink-900 / ink-700 | magenta | 300 / 400 / 500 / 600 | — |
Ink-900 #222C37 |
bílá / white 80 % | magenta | 300 / 400 / 600 | ink-700 (slabý kontrast) |
Magenta #D2247C |
bílá vždy | žádný | 300 / 600 | ink-900 / black text |
| Foto | bílá + povinný overlay | magenta + overlay | 300 / 600 | text bez overlay |
Bílá
Děláme vás viditelnými
Ink-50
Děláme vás viditelnými
Ink-900
Děláme vás viditelnými
Magenta
Děláme vás viditelnými
Foto
Děláme vás viditelnými
Šablony párování
Tři standardní páry „eyebrow → headline → lead“ pro hero, sekci a kartu. Drž je a rytmus stránky se postaví sám.
Šablona 1 · Hero / Cover
Eyebrow Small + Velký nadpis Light + Lead. Mezery: mb-6 · mt-8.
DigiDay · Brand book · v1.10
Děláme vás viditelnými
DigiDay nedodává displeje. DigiDay dodává viditelnost. Každý produkt v portfoliu řeší jeden problém.
Šablona 2 · Sekce v dokumentu
Eyebrow „Sekce 0X" + H2 Light s Semibold akcentem + Lead. Mezery: mb-4 · mt-6.
Sekce 03
Magenta je nejviditelnější barva.
Jeden pixel magenty na tmavém pozadí přitáhne oko z 25 metrů. Proto je to barva pro CTA, akcenty a důležité momenty.
Šablona 3 · Karta / blok
Eyebrow tiny + H3 Semibold + krátký lead Small. Mezery: mb-2 · mt-3.
DigiDay LEDWARE
Záruka 2 roky na vše
Včetně instalace, software updatů a servisního zásahu na místě.
Pravidlo
Když nevíš, kterou šablonu — vyber tu nejjednodušší, která ještě nese strukturu. Karta nikdy nepoužívá Velký nadpis. Hero nikdy nemá H3.
V reálu
Jak typografie drží pohromadě v běžném dlouhém článku.
Případová studie
Z opuštěné výlohy digitální nástěnka
Bývalé infocentrum v Porubě zelo prázdnotou. Nahradili jsme staré výlohy svítícími digitálními panely, které dnes prezentují turistické cíle, akce a městské služby — i v noci.
Po rekonstrukci infocentra hledalo město způsob, jak oživit prázdnou výlohu a udělat ji informačně užitečnou nepřetržitě. Kombinace 9 TV displejů, 2 velkoplošných obrazovek a 2 dotykových tabletů změnila místo, kolem kterého lidé jen procházeli.
Dnes obsluhují návštěvníky 24/7 ve třech jazycích. Personál se může věnovat skutečnému poradenství, rutinní dotazy řeší digitální kanál.
„Lidé se znovu zastavují u výlohy. To je první krok k tomu, aby do infocentra zase začali chodit."
Výsledek po šesti měsících
- · +30 % návštěvnosti infocentra v otevírací době
- · −40 % rutinních dotazů „kde je co"
- · 3 jazykové mutace bez zatížení personálu
Realizace 2025 · TIC Ostrava-Poruba · 13 zařízení
Dělej / nedělej
Dělej
Nadpis lehce. Akcent silně.
Light 300 + SemiBold 600 v jednom titulku — kontrast nese hierarchii.
Nedělej
Celý nadpis stejnou váhou.
Vše Medium — splývá, žádný akcent. Ploché.
Dělej
Tělo textu Regular 400. Tučný důraz jen Medium 500, žádný 600+ uvnitř odstavce.
Nedělej
Tělo textu Regular 400. Tučný důraz ExtraBold 800 — krade pozornost, vytrhává čtení.
Dělej
Nadtitulek ALL CAPS · letter-spacing 0.3em · velikost 12 px · Medium.
Případová studie
Nedělej
Nadtitulek lowercase, žádné letter-spacing, velký font — ztrácí roli labelu.
případová studie
Použití
Web
Google Fonts
Linkni přímo z CDN, nebo stáhni TTF a hostuj lokálně. Latin + Latin Ext (čeština).
fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600
Tisk & office
Stáhni TTF
Pro PowerPoint, Word, Adobe — stáhni z Google Fonts a nainstaluj systémově. Pak je dostupný v každém editoru.
Download .zipSekce 05
Hlas a komunikace
Jak píšeme a jak reagujeme — jeden hlas, jeden tým. Tone of voice (jazyk, styl, slovník) a komunikace s klientem (CO + KDO + DO KDY, situace, šablony, mini-checklist). Každý kontakt s klientem je brand moment.
Kapitola 1 · Tone of voice
Jak píšeme.
Píšeme jako lidé pro lidi. Bez balastu, bez korporátních frází, bez „v dnešní digitální době". Pět principů a jeden zákon.
Zákon
Hlavní pravidlo
„Pište jen to, za čím si dokážete stát i v přímém rozhovoru."
DigiDay píše jako kompetentní člověk svému kolegovi. Ne jako tisková zpráva. Ne jako prezentace pro investora. Jako e-mail, který chceš dostat.
5 principů
1
Přímý
Hned k věci. První věta nese hlavní myšlenku. Žádný úvod „dovolte nám představit", žádné „rád(a) bych poukázal(a) na fakt, že".
Místo: „Rádi bychom Vás informovali o naší nové službě."
Říkáme: „Spustili jsme novou službu. Funguje takhle."
2
Odborný, ne nadřazený
Známe svůj obor — kiosky, panely, software, instalace. Ale píšeme tak, aby tomu rozuměl i starosta, který v životě digitalní panel neviděl.
Místo: „Implementujeme distribuovaný digital signage stack s edge rendering vrstvou."
Říkáme: „Software, který obsah na panel pošle za vteřinu, kdekoliv jste v Česku."
3
Čísla a konkrétní kroky před teorií
„Funguje 24/7" porazí „maximalizujeme dostupnost". „1 500 realizací" porazí „zkušený dodavatel". Specifikum vyhrává nad obecninou vždy.
Místo: „Bohaté zkušenosti se zákazníky napříč segmenty."
Říkáme: „9 let na trhu, 1 500 realizací, klienti od obce po fakultní nemocnici."
4
Lidský, ne korporátně chladný
B2B neznamená neosobní. Kontrakt podepisuje člověk, ne logo. Tykání ne, ale vykání bez balastu. Žádné „my, společnost X" — prostě „my".
Místo: „Naše společnost si Vám dovoluje předložit cenovou nabídku."
Říkáme: „Posíláme nabídku, jak jsme se domluvili. Zavoláme příští týden."
5
Krátký
Jedna myšlenka = jeden odstavec. Když věta překročí tři řádky, zlom ji. Když odstavec překročí pět řádků, rozděl. Bílý prostor je čtenářův přítel.
Pravidlo: každý odstavec by měl jít přečíst nahlas jedním nádechem.
Říkáme / neříkáme
Šest běžných situací s ukázkou, jak ne a jak ano.
Neříkáme
„V dnešní době digitalizace měst a obcí se kladou stále vyšší nároky na transparentnost a dostupnost informací pro občany."
Říkáme
„Občan chce odpovědi na otázky i mimo úřední hodiny. Elektronická úřední deska je v provozu 24/7."
Neříkáme
„Naše inovativní řešení transformuje zákaznickou zkušenost prostřednictvím synergie hardwaru a softwaru."
Říkáme
„Obsah kiosku vidí 1 200 lidí denně. Zobrazuje obsah ve dne i v noci."
Neříkáme
„Jsme leader v oblasti komplexních digital signage řešení s robustní servisní strukturou."
Říkáme
„9 let na trhu, 1 500 realizací. Servis vyřeší 80 % závad vzdáleně, do hodiny."
Neříkáme
„Rádi bychom Vás informovali, že naše společnost si Vám dovoluje předložit aktualizovanou cenovou nabídku."
Říkáme
„Posíláme nabídku, jak jsme se v úterý domluvili. Zítra vám s dovolením zavolám."
Neříkáme
„Maximalizujeme ROI Vašich brand touchpointů s omnichannel přístupem k customer journey."
Říkáme
„Stejný obsah na výloze i v mobilu. Klient vidí jeden vzkaz, ne tři verze."
Neříkáme
„Děkujeme za Vaši důvěru, kterou jste nám projevil(a). Vážíme si naší dlouhodobé spolupráce."
Říkáme
„Moc děkuji. Panely jsou teď v 100 % stavu, monitorujeme jejich stav."
Slovník zakázaných slov
Když některé z nich napíšeš, přepiš. Vlevo balast, vpravo lidsky.
| Místo | Říkáme |
|---|---|
| synergický | propojený, společný · nebo zahodit |
| holistický | celkový, kompletní |
| transformativní | mění to, co teď |
| inovativní řešení | nový způsob · nebo prostě řešení |
| v dnešní době | dnes · nebo zahodit |
| proaktivně | s předstihem · sami |
| leveragujeme | využíváme |
| best practice | osvědčený postup |
| empower / posilujeme | pomáháme · podporujeme |
| ekosystém (mimo IT) | systém · sada · prostředí |
| portfolio (jako buzzword) | produkty · co děláme |
| customer experience | jak to klient prožije · zážitek zákazníka |
| engagement | zájem · interakce · klikají |
| omnichannel | napříč kanály |
| end-to-end | od začátku do konce · od A do Z |
| robustní | silný · spolehlivý · drží |
| škálovatelný | roste s vámi · od jednoho po stovku |
| streamline | zjednodušit · zrychlit |
| disrupce / disruptivní | mění obor · novinka |
| cutting-edge | nejnovější · poslední generace |
Tip: před odesláním dej nahrubo přečíst kolegovi mimo marketing. Pokud kýchne na třech slovech, přepiš.
Kapitola 2 · Komunikace s klientem
Jak mluvíme se zákazníkem.
Tone of voice je jak píšeme. Tohle je jak reagujeme — pravidla, šablony, situace. Každý kontakt s klientem je brand moment.
Železné pravidlo
Když si nejsi jistý, drž se tří slov: CO + KDO + DO KDY. Klient hned ví, co se děje a komu důvěřovat.
Každá odpověď klientovi
CO uděláme, KDO to udělá, DO KDY bude hotovo.
CO
Konkrétní akce nebo výstup. Ne „zařídíme to". Ano „pošlu nabídku".
KDO
Kdo přesně. „Já", „kolega Petr z realizace", „reklamační oddělení“. Ne abstraktní „někdo se ozve“.
DO KDY
Konkrétní termín. „Do zítřka 14:00“. Ne „brzy“, „během chvilky“, „co nejdřív“.
Tři věty, co fungují téměř vždy
Když nevíš jak začít, vyber jednu z těchto tří. Pokrývají 80 % klientských situací.
Věta 1
„Takhle to uděláme."
Jasný popis procesu nebo řešení. Klient slyší, že máš plán.
Věta 2
„Tady je další krok."
Konkrétní akce, kterou klient nebo my uděláme. Posun vpřed.
Věta 3
„Do kdy vám dáme zpět výsledek."
Termín. Konkrétní, ne „brzy“ ani „zanedlouho“.
Situace → odpověď
Šest typických situací. Pro každou špatná verze (kterou nedělejme) a DigiDay verze.
| Situace | ✕ Špatně | ✓ DigiDay verze |
|---|---|---|
| Klient se ptá na cenu | „Pošleme to brzy." | „Pošlu vám nabídku do zítřka do 14:00." |
| Klient hlásí problém | „Zařídíme to." | „Okamžitě předávám na reklamační oddělení, ze kterého se vám obratem ozvou." |
| Klient chce demo | „Domluvíme se někdy." | „Domluvíme demo na tento čtvrtek v 10:00?" |
| Nevím odpověď | „To nevím, zeptám se." | „Prověřím to u kolegy a ozvu se s odpovědí ještě dnes." |
| Klient chce změnit podmínky | „Možná to půjde." | „Konzultuji to s kolegou a ozvu se do konce dne." |
| Klient se ptá na technický detail | „Mlčím nebo si vymýšlím." | „Prověřím to u realizace a do zítřka 14:00 vám napíšu." |
Vzorec: Já / konkrétní kolega + konkrétní akce + konkrétní termín.
Když nevím odpověď
Říct „nevím" je v pohodě. Říct „nevím" bez dalšího kroku není.
✕ Špatně
Mlčím. Nebo si vymýšlím.
Klient zůstane viset bez informace, nebo dostane info, které neplatí. Ztráta důvěry obojím způsobem.
✓ Správně — řekni „nevím" profesionálně
„To teď nemám k dispozici, ale zjistím to u kolegy a do XX se ozvu s odpovědí."
Tři věci v jedné větě: přiznané, akce, termín. Klient se nestresuje — ví, že se mu vrátíš.
Vždy nabídnout další cestu
Když odpověď nemáš hned, nabídni klientovi způsob, jak věc posunout dál:
- ·Telefon: „Mám vám zavolat, nebo spíš e-mail?"
- ·Schůzka: „Chcete si domluvit osobní schůzku?"
- ·Demo: „Pomůže vám ukázka, kterou nasdílíme?"
- ·Návrh: „Mám vám připravit konkrétní nabídku?"
Prodávej přínos, ne specifikaci
Klient nekupuje rozlišení 4K. Kupuje, aby ho měli zaměstnanci vidět z 25 m. Začni přínosem, technické parametry až poté.
| ✕ Místo (technická specifikace) | ✓ Řekněte (přínos) |
|---|---|
| „Panel má rozlišení 4K." | „Vidíte text čistě i z 25 metrů — i v poledním slunci." |
| „Automatické načítání z API." | „Úspora 5 hodin týdně — data se aktualizují sama." |
| „Moduly pro SMS a e-mail." | „Komunikujete s občany jedním kliknutím — všemi kanály najednou." |
| „DigiDay LEDWARE má 1 270 referencí." | „Stejné řešení používá víc než 1 270 obcí. Není to experiment." |
| „Online + offline režim." | „Funguje i když vypadne internet — žádný výpadek úřední desky." |
Mini-checklist před odesláním
5 otázek, které si položíš, než klikneš „Odeslat", „Publish" nebo „Send". Trvá 30 sekund, šetří hodiny opravování.
Logo
Je viditelné a v aktuální verzi?
Font
Používám firemní písmo (Poppins)?
Barvy
Magenta + ink-900 + bílá. Nic navíc?
Čistota
Není dokument přeplácaný?
Čitelnost
Je text dobře čitelný? Kontrast?
Tři pilíře komunikace
Jeden dech. Když všechny tři drží, klient nemusí přemýšlet, jestli je to DigiDay.
1
Konzistence
Stejný vizuál, stejný tón, stejné hodnoty napříč všemi kanály a lidmi.
2
Konkrétnost
Vždy termín, vždy další krok, vždy přínos. Žádné „brzy", „nějak", „možná".
3
Profesionalita
Věcně, přátelsky, spolehlivě. Slibuju jen to, co dodám. Když nevím, řeknu jak zjistím.
Před každou komunikací se zeptej
Pět otázek. Když odpovíš pětkrát ano, klikni odeslat.
- Zní to jako DigiDay? (přímý, konkrétní, lidský)
- Obsahuje to konkrétní termín a další krok? (CO + KDO + DO KDY)
- Prodávám přínos, ne jen funkce? (co z toho klient má)
- Používám správnou šablonu? (když nevím, vezmu šablonu)
- Je tam logo DigiDay? (hlavička, podpis nebo patička)
Když odpovíš třikrát ne, vrať se k začátku této sekce.
Sekce 06
Fotografie
Reálné panely, reálná místa, reální lidé. Žádné stockové úsměvy, žádné placeholder kanceláře, žádné business hand-shake fotky z 90. let.
Princip
Fotka má být důkazem reality, ne ilustrací nápadu.
Když píšeme „1 500 realizací", fotka ukáže jednu z nich. Ne lidi v oblecích, ne tablety na stole se sklenicí kávy. Reálný panel v reálném infocentru. Odlesk slunce, stín, lidé v běžném oblečení — autenticita prodává.
Co fotíme
Reálný produkt
Panel, kiosek, totem v reálném prostředí. Showroom, infocentrum, recepce, hřiště.
Lidé jako uživatelé
Host u kiosku, dítě u Educa, občan u úřední desky. Skutečná interakce, ne pózování.
Místo a kontext
Náměstí, fasáda hotelu, lobby, klubovna. Lokace mluví víc než slogan.
Detail technologie
Zblízka: dotyková obrazovka, IP65 těsnění, kabelové vedení. Kvalita je vidět.
Magenta v ulici
Panel s magenta brandingem v noci, na fasádě, v davu. Důkaz OST viditelnosti.
Tým při instalaci
Naši technici při montáži, kontrole, údržbě. Lidé v DigiDay tričku, ne fiktivní hrdinové.
Galerie
Dvě řady k porovnání: vlevo směr, kterým fotíme. Vpravo to, čemu se vyhýbáme.
Fotky níže jsou referenční z Freepiku — slouží jako vizuální kompas pro fotografa. V ostrých materiálech používáme výhradně vlastní snímky DigiDay.
Tímto směrem fotíme
Tímto směrem ne
Co nefotíme
- Stockové úsměvy Lidé v oblecích, ženy s tabletem na bílém pozadí, hand-shake nad smlouvou. Generic shutterstock vibe.
- Render místo reality 3D render produktu místo fotky z reálné instalace. Pokud nemáme fotku, raději ji pořídíme, než vyrobíme imaginární.
- Filtry & HDR Žádné Instagram filtery, vintage tóny, přepálené HDR. Barevně neutrální, kontrast přiměřený.
- Falešná interakce Modelka „pózuje" před vypnutým panelem. Falešný úsměv, prst nikam neukazuje. Buď to klikni, nebo to neklikneš.
- Logo přes obraz Vodoznak uprostřed fotky, magenta logo na hrudník modelky. Logo má své místo, fotka své.
- Generika v 3D ikonkách 3D rendery „digital transformation" — drátěné modely tablet/cloud/AI lidí. Vyhněme se tomu i za cenu prázdného místa.
Layout a zaoblení
Fotka vždy v zaobleném rámu, žádný stín ani vnitřní okraj. Radius podle plochy a kontextu.
rounded-3xl · 24 px · velké plochy, dark sekce
rounded-2xl · 16 px · default pro 95 % situací
rounded-xl · 12 px · drobný thumbnail v textu (do 200 px)
Hero / cover: rounded-3xl (24 px / 6 mm tisk)
Karta, galerijní list: rounded-2xl (16 px / 4 mm tisk)
Inline thumbnail: rounded-xl (12 px)
Avatar, portrét osoby: rounded-full — kruh, jen pro identitu
Full-bleed banner: rounded-none — výjimka, foto od hrany k hraně
Aspect ratio: 4:3 (default), 16:9 (hero), 1:1 (avatar, social). Žádné podivné zlomky.
Ořez: object-cover, subjekt v třetinovém pravidle, ne uprostřed.
Pozadí pod fotkou: bg-ink-50 — placeholder, kdyby foto chvíli načítalo.
Co nikdy
- — Ostré (hranaté) rohy ve foto galerii vedle zaoblených karet — vždy konzistentně.
- — Asymetrické zaoblení (jen vrch / jen vlevo) na fotkách.
- — Stínový rámeček (drop shadow), vnitřní border, gradient kolem fotky — fotka stojí sama.
- — Mix radius hodnot v rámci jedné galerie (4 fotky vedle sebe musí mít stejný radius).
- — Vnitřní bílý okraj jako u Polaroidu — fotka jde do
overflow-hiddenaž na hranu rámu. - — Zaoblený rám kolem loga, ikony nebo grafu — radius je pro fotku a kartu, ne pro vektorovou grafiku.
Technické parametry
Rozlišení
3000 × 2000 px min.
Pro web stačí 1600 × 1067, ale fotíme ve full kvalitě, ať je z čeho oříznout pro print, banner, billboard.
Formát
JPG · 85 % kvalita
Web. PNG jen kde nutná průhlednost. RAW archivujeme. Žádný HEIC/HEIF v pracovním flow.
Světlo
Denní · 5500K
Přirozené, neutrální. Žádné teplé wedding tóny ani modré IT-firmy. Magenta ve fotce má být magenta.
Kompozice
Čistý, ne přeplněný
Subjekt jasně, pozadí ustupuje. Třetinové pravidlo. Negativní prostor na text, kdyby fotka šla na cover.
Práva & workflow
Souhlas hostů a zákazníků
Před fotkou s identifikovatelnými lidmi vyžadujeme písemný souhlas (GDPR). Šablona souhlasu je u Lenky Klimánkové.
Souhlas klienta s referenční fotkou
Fotka instalace u klienta = před zveřejněním e-mailem schvaluje provozní/marketing klienta. Bez schválení neukazujeme.
Archiv
Originály v Google Drive /Brand/Foto/<rok>/<klient>. Pojmenování: 2026-04_TIC-Opava_kiosek-vchod_01.jpg.
Externí fotograf
Smlouva vždy obsahuje práva na komerční použití bez omezení (web, tisk, social, kampaň). Bez tohoto bodu neuzavíráme.
Sekce 07
Ikony
Heroicons. Jeden set, dvě varianty. Žádné mixování s Material, FontAwesome nebo Lucide.
Outline / Solid
Outline pro běžné UI, solid jen tam, kde je ikona důraz nebo aktivní stav.
Obrysové · 24 px · tloušťka tahu 1.5
Default volba. Navigace, akční tlačítka, pomocné prvky, popisky karet. Lehká, čitelná, neukrade pozornost.
Solid · 24 px · fill
Akcent. Aktivní stav navigace, upozornění, statistiky („1 500 ✓"). V magenta nebo na magenta pozadí v bílé.
Velikosti
Tři běžné kroky. Vždy násobek 4 px, ať grid drží.
16px
Mikro
Inline v textu, formuláře, breadcrumbs, malé chips. Stroke 2 px.
24px
Default
Navigace, tlačítka, hlavičky karet. Stroke 1.5 px.
32px
Hero
Feature karty, hero sekce, prázdné stavy. Stroke 1.5 px.
Pravidla použití
Outline default, solid jako důraz
Když nevíš, výchozí je outline. Solid jen kde je ikona aktivní stav (vybraná položka navigace), statistický symbol nebo akcent v hero sekci.
Barva přes currentColor
Ikona dědí barvu z rodičovského textu. Magentu používáme jen kde je ikona záměrně akcent — jinak ladí s ink-900 nebo ink-500.
Vždy s aria-hidden nebo labelem
Dekorativní ikona (vedle textu) má aria-hidden="true".
Samostatná interaktivní ikona (icon-only button) má aria-label popisující akci.
Inline SVG, ne icon font
SVG kód kopírujeme z heroicons.com přímo do HTML. Žádné icon fonty (FontAwesome, Material Icons), žádné CSS background-image triky, žádné PNG ikony.
Konzistence v rámci sekce
Když použiješ outline 24 px v jedné kartě, ostatní karty stejné sekce mají taky outline 24 px. Žádné mixování velikostí v řadě.
Co se nesmí
- Mix sets Heroicons + Material Icons + emoji v jednom rozhraní. Hned je vidět, že chyběla disciplína.
- Emoji jako ikona 📱 ⚡ 🚀 v produktovém UI. Emoji jsou pro tone, ne pro funkční prvky.
- 3D ikony Renderované 3D ikonky cloud/AI/digital — generický corporate vibe. Drží se 2D vector.
- Vlastní ikona "jen na tohle" Designér si nakreslí vlastní ikonu, protože „v Heroicons není přesně tohle". Buď použij nejbližší, nebo zvol jiný koncept.
- Stínování & gradient Drop shadow, glow, magenta-to-purple gradient ve výplni. Heroicons jsou ploché, plnobarevné nebo s tahem.
- Variabilní rozměry v řadě První karta 24 px, druhá 28 px, třetí 22 px. Drž jeden rozměr per kontext.
Příklad aplikace
Reálné použití v UI — stejný icon set drží od navigace po feature kartu.
Dostupnost 24/7
Hosté najdou odpověď i v noci.
Záruka 2 roky
Hardware, software, instalace.
Telefonický dohled
8:00–17:00, vzdálená pomoc.
Stejný set, dvě varianty (outline pro toolbar, solid pro aktivní stav, outline 1.8 px ve feature kartách). Konzistence drží i když mícháš velikosti mezi sekcemi.
Sekce 08
Šablony
Co potřebuješ často, máš tu hotové. Email signatura, vizitka, hlavičkový papír. Stáhni, vyplň, použij.
E-mailová signatura
Pro DigiDay máme vlastní generátor. Vyplň své údaje, klikneš a dostaneš HTML kód k vložení do mailového klienta.
Takhle bude vypadat
|
|
Martin Klimánek
jednatel
T: +420 608 886 555
E: martin@digiday.cz DigiDay Czech s.r.o.
Ostrava | Praha | Žďár n. Sáz. | Zvolen
DigiDay poskytuje náhradní plnění
dle zákona 435/2004 Sb. |
DigiDay nástroj
Generátor e-mailového podpisu
Vyplň jméno, pozici, telefon a e-mail. Generátor ti vyrobí finální HTML kód a rovnou ti ukáže, jak bude vypadat. Zkopíruj a vlož do nastavení Gmailu / Outlooku.
digiday.cz/digiday-tools/podpis · otevře se v novém okně
Vizitka
Standardní formát 85 × 55 mm. Otevři v Illustratoru / Affinity / Inkscape, vyplň jméno a kontakt, exportuj do PDF pro tisk.
Finální podoba · 85 × 55 mm
Hlavičkový papír
A4 portrait s logem nahoře, magenta linkou a patičkou s kontakty. Pro oficiální dopisy, smlouvy a tiskoviny.
Náhled šablony · A4 · 210 × 297 mm
Sociální sítě
5 SVG šablon ve správných rozměrech pro LinkedIn, Facebook a Instagram. Otevři v editoru, nahraď text, vyexportuj jako PNG / JPG.
Carousel cover
1200 × 1200 px · 1:1
Slide se statistikou
1200 × 1200 px · 1:1
Facebook · OG
Obrázek pro sdílení (OG)
1200 × 630 px · 1.91:1
Feed post · square
1080 × 1080 px · 1:1
Instagram · Reels
Story / cover reels
1080 × 1920 px · 9:16
Tip
Jak šablonu použít
- 1. Stáhni SVG šablonu
- 2. Otevři ve Figmě, Illustratoru, Inkscape nebo Affinity
- 3. Nahraď text, případně přidej fotku
- 4. Exportuj jako PNG (1×) pro upload na social
Figma šablony s variantami připravujeme.
Společná pravidla
Logo nahoře, malé. Nikdy uprostřed, nikdy ne přes obraz.
Magenta jako akcent. Buď jako pozadí (cover), nebo akcentní slovo.
Jeden vzkaz per slide. Nezahltíš víc než jednou myšlenkou.
Žádné stockové fotky lidí. Vlastní snímky z instalací nebo žádné.
Bezpečné zóny u Story. Horních a spodních ~250 px nech volných (UI Instagramu).
Číselný hash < 5. Hashtagy v textu, ne v obrázku. Maximálně 5 relevantních.
Připravujeme
Doplňujeme postupně podle priorit. Pokud něco potřebuješ teď, řekni Martinovi.
Šablona prezentace
PowerPoint & Keynote & Figma. 16:9, master slide layouty (cover, sekce, content, citace, kontakt).
Priorita 1 · Q2 2026
Šablona PDF dokumentu
Word a Pages. Cover stránka, vnitřní layout, footer s číslováním. Pro oficiální PDF.
Priorita 2 · Q2 2026
LinkedIn šablony
Carousel, single image post, banner profilu. Figma soubor s předpřipravenými layouty.
Priorita 3
Hlavičkový papír Word/Pages
Editovatelný .docx / .pages se zachovaným layoutem hlavičky a patičky.
Priorita 3
Sekce 09
Aplikace v praxi
Jak brand vypadá venku — na panelu, na webu, na LinkedInu, na fasádě a na nás. Když všechno drží jednu řeč, vidí se to.
Fyzický produkt
Magenta na panelu má být jasná, kontrastní, čitelná z 25 m. Tmavé pozadí + bílý text + magenta akcenty.
DNES OD 18:00
Vánoční jarmark na náměstí
35 stánků · živá hudba · tradiční řemesla
poruba.cz/jarmark
Teplota
−2 °C
Náhled obsahu na 55″ outdoor panelu
Pravidlo 1
Tmavé pozadí + bílý text. Magenta jen jako akcent v klíčovém slově.
Pravidlo 2
Logo vlevo nahoře, malé. Obsah nese sám sebe — logo není hrdina.
Pravidlo 3
Hlavní vzkaz čitelný za 3 vteřiny ze 25 m. Stručně, velkým fontem.
Web
Velkorysá typografie, magenta jako akcent, hodně bílého prostoru. Žádné gradienty, žádné stockové fotky.
LinkedIn post
Karusel s magenta úvodním snímkem, tmavé pozadí, velký slogan. Čísla a konkrétní kroky před teorií.
Případová studie
Z opuštěné výlohy digitální nástěnka
TIC Ostrava-Poruba · 2025
Slide 1 z 5 · Cover
Výsledek
+30 %
návštěvnosti infocentra v otevírací době
Slide 2 z 5 · Číslo
Citace klienta
„Lidé se znovu zastavují u výlohy. To je první krok k tomu, aby do infocentra zase začali chodit."
Vedoucí TIC
Ostrava-Poruba
Slide 3 z 5 · Citace
Další krok
Máš podobný prostor?
Přijedeme, podíváme se, navrhneme. Nezávazně.
obchod@digiday.czSlide 5 z 5 · CTA
Outdoor
Billboard, polep auta, fasáda. Tady musí magenta dominovat — kontext je vizuálně rušný.
Děláme vás viditelnými.
Vaše obec na první pohled.
Elektronické úřední desky pro obce a samosprávy. www.digiday.cz
Billboard · 5,1 × 2,4 m
Polep servisního vozu
Vstup · 2. patro
DigiDay Czech s.r.o.
1. máje 481/16, Ostrava
Polep vstupu kanceláře
Katalog
Produktový katalog v PDF — připravujeme. Zatím odkaz na webovou verzi.
Produkty na webu
Kompletní portfolio na digiday.cz/produkty
Úřední desky, LED panely, kiosky, software. Detail u každého produktu, fotky z reálných instalací, technické specifikace.
Otevřít přehledTištěný katalog PDF
A4 portrait, 24 stran, magenta cover, kompletní portfolio s cenami. Připravujeme — Q3 2026.
Firemní oblečení
Když jdeme spolu na veletrh nebo k velkému klientovi, jdeme jako tým. Jednotně. Černé polo tričko s logem DigiDay — žádná improvizace, žádné „každý něco jiného“.
Pravidlo pro veletrhy a reprezentaci
Černé polo tričko s logem. Všichni stejné.
Co
- ·Černé polo tričko s límečkem
- ·Logo DigiDay (vyšité nebo kvalitní potisk)
- ·Tmavé kalhoty / chinos / džíny bez děr
- ·Tmavá uzavřená obuv
Kdy
- ·Veletrhy a výstavy
- ·Velké klientské prezentace a eventy
- ·Týmová reprezentace navenek
- ·Foto a video pro firemní materiály
Každý v něčem jiném
- ·Košile různých barev a střihů
- ·Sako versus košile bez saka
- ·Žádný viditelný brand
- ·Vypadá to jako náhodná skupina, ne jako tým
Tým v jednotném tričku
- ·Černá polo trička s logem DigiDay
- ·Sjednocený siluet, sjednocená barva
- ·Brand viditelný i z dálky
- ·Působíme jako profesionální tým
Trička spravuje HR. Při nástupu nebo před veletrhem dostaneš dvě kusy ve své velikosti. Pro technické instalace existuje pracovní triko (tmavé, s logem, odolné), které není určené pro reprezentaci na veletrzích.
Sekce 10
Produktové značky
Pět produktových linií pod jedním masterem. DigiDay je vždy v hlavičce, produkt jen typograficky. Žádné sub-loga, žádné „by DigiDay“.
10.1 Architektura
Endorsed brand model. Master DigiDay drží vizuální identitu, produkty jsou typografická rozšíření pro jasné cílovky.
Master brand
Produktové linie
DigiDay
LEDWARE
obce · EUD
DigiDay
QARO
obce · web + AI
DigiDay
EDUCO
školy
DigiDay
SENIO
soc. služby
DigiDay
DESTINO
hospitality
PřipravujemeŽádný produkt nemá vlastní logo. Vše drží DigiDay vizuál — jen jméno, claim a cílovku přizpůsobíme segmentu.
10.2 Naming pravidla
Železné. Pořadí, plný versus zkrácený tvar, kdy která forma. Bez výjimek.
Pravidlo 1 · Pořadí
Vždy DigiDay + produkt.
✓ DigiDay EDUCO · ✕ EDUCO DigiDay · ✕ EDUCO by DigiDay
Pravidlo 2 · Plný vs zkrácený tvar
- ·První zmínka na stránce / v dokumentu: vždy plný tvar — „DigiDay LEDWARE“.
- ·Další věty na stejné stránce: lze zkrátit na samotnou zkratku — „LEDWARE“, „QARO“, „EDUCO“, „SENIO“, „DESTINO“.
- ·Podmínka zkracování: v dokumentu musí být DigiDay logo (v hlavičce, patičce nebo v kontaktech) — jinak vždy plný tvar.
Pravidlo 3 · Loga
Jen DigiDay logo. Produktové názvy nemají samostatné logo. Komunikujeme je typograficky — jako eyebrow label, hero nadpis nebo součást claimu.
✕ Samostatná loga pro EDUCO, QARO, LEDWARE, SENIO ani DESTINO.
Pravidlo 4 · Právnická osoba (ČR / SK)
V tiráži, ve smlouvách a v právních dokumentech používáme plný název: DigiDay Czech s.r.o. nebo DigiDay Slovakia s.r.o. Marketing materiály mají „DigiDay“ bez právní formy.
10.3 Logo systém v praxi
Takhle vypadá hlavička katalogu DigiDay EDUCO. Logo je DigiDay, produkt jen typograficky.
DigiDay EDUCO
Digitální srdce
vaší školy.
Logo
DigiDay (master) v levém horním rohu.
Produkt
„DigiDay EDUCO“ jako eyebrow label v magenta — typograficky, ne jako logo.
Hero claim
Specifický pro cílovku (školy), ale drží DigiDay typografii a tone of voice.
10.4 Společné vs variabilní
Invariants vs jediná řízená proměnná per produkt. Master vždy vítězí, segmentová odchylka je jemná.
| Element | Společné napříč produkty | Variabilní per produkt |
|---|---|---|
| Logo | DigiDay (vždy) | — |
| Primární barva | Magenta #D2247C |
— |
| Tmavá kotva | Ink-900 #222C37 |
— |
| Font | Poppins (Light 300, Regular 400, Semibold 600) | — |
| Tone of voice | Přímý, konkrétní, lidský | — |
| Master claim | Claim o viditelnosti („Když to nikdo nevidí, nestalo se to“) | — |
| Sekundární akcent | — | Volitelný „warmth tone“ per produkt (1 barva, jen na drobnosti — eyebrow, divider). Nikdy nenahrazuje magentu. |
| Typografická emfáze | — | Poměr Light vs Semibold per cílovku (např. SENIO víc Regular pro čitelnost) |
| Fotografická direction | — | Subjekty, prostředí, mood per segment (školy / senioři / hotely / obce) |
10.5 Pět produktových linií
Pro každý produkt: cílovka, claim, sekundární barva, foto direction.
Karty níž jsou specifikace každého produktu — co kde patří, jaký mood drží, jakou sekundární barvu používá.
DigiDay
LEDWARE
Obce · EUD
Interaktivní informační systém elektronických úředních desek. Dnes 1 270+ obcí a měst.
DigiDay
QARO
Obce · web + AI
Webová platforma pro obce — moderní web, úřední deska, AI asistent QARO AI.
DigiDay
EDUCO
Školy
Digitální srdce školy — interaktivní panely a software pro komunikaci se žáky, rodiči a veřejností.
#E8A33A okrováDigiDay
SENIO
Domovy seniorů · soc. služby
Informační panely pro domovy seniorů a sociální služby. Důstojné, čitelné, klidné.
#7A8B6B šalvějováDigiDay
DESTINO
Hospitality · resorty, hotely, restaurace, golfy
Digitální experience pro hospitality — signage, menu boards, info systémy. Aspirační, lifestyle.
#1F4D52 deep tealDalší produkt?
Nový produkt = nový segment. Vždy DigiDay + jméno,
vždy bez sub-loga.
Schvaluje vedení.
10.6 Do / Don't — texty
Konkrétní příklady z reálných materiálů. Tyhle případy se v DigiDay textech objevují denně.
✓ Správně
DigiDay QARO – moderní web obce v souladu s legislativou i občany.
✕ Špatně
„QARO by DigiDay“ — pořadí je vždy DigiDay + produkt.
✓ Správně
Naše elektronické úřední desky DigiDay LEDWARE využívá více než 1 270 obcí a měst.
✕ Špatně
„LEDWARE DigiDay“ — pořadí je vždy DigiDay + produkt.
✓ Správně
Představujeme řešení DigiDay EDUCO — digitální srdce vaší školy. Systém EDUCO automaticky načítá obsah z webu a Bakalářů. (první zmínka plný tvar, druhá v témže odstavci zkrácená)
✕ Špatně
Samostatná loga pro EDUCO, QARO, LEDWARE, SENIO nebo DESTINO.
Sekce 11
UI komponenty
Stavební prvky, které drží napříč nabídkami, weby a prezentacemi pohromadě. Když je všechny použiješ stejně, vše vypadá z jednoho rodu.
Karta info
Základní stavební kámen — světlé pozadí, magenta ikona v rohu, nadpis, popis. Pro pilíře, výhody, moduly.
Dostupnost 24/7
Hosté získají informace kdykoliv, bez čekání u recepce.
Záruka 2 roky
Hardware, software, instalace. Jedna záruka na celé řešení.
Pozadí: #F2F2F2 · rounded 16 px (sm) / 4 mm (print)
Ikona: Heroicons outline 24 px v magenta čtverci 48×48 (10 % magenta tint)
Nadpis: H4 SemiBold (18 px)
Popis: 14 px Regular, šedá #525361, max 2–3 řádky
Highlight karta
Magenta varianta — pro klíčový bod, hrdinu listu, „máme ještě X navíc". Maximálně 1 v sérii karet.
Vstup do budovy
Recepce, lobby, foyer.
Výloha
Pro kolemjdoucí 24/7.
Více než 30 modulů
Plus mnoho dalších aplikací na míru.
Pozadí: #D2247C
Text: bílý, popis 85 % opacity
Ikona: bílá v čtverci 20 % bílého tintu
Pravidlo: max 1 highlight v sérii 3–5 karet
Karta s krokem
Pro číslované procesy: scénář z pohledu klienta, implementační timeline. Vertikální stack 3–5 kroků.
Host přijede ve 23:00, recepce má službu jen po telefonu
V lobby narazí na interaktivní kiosek
Najde mapu areálu, otevírací doby restaurace, wellness ceník
Číslo: Magenta kruh 48 px, bílé číslo SemiBold 18 px
Karta: #F2F2F2 rounded, padding 5–6 mm
Text: Regular 16 px, bez nadpisu
Sekvence: 3–5 kroků max, vertikálně, gap 3 mm
Citace
Pro pointu, citaci klienta, motto. Magenta linka vlevo, kurzíva, bez kapsle ani pozadí.
„Návštěvník nehledá úřední hodiny. Hledá odpověď hned."
„Lidé se znovu zastavují u výlohy. To je první krok k tomu, aby do infocentra zase začali chodit."
Linka: 4 px solid magenta, vlevo
Text: kurzíva, Light/Regular, podle umístění 14–32 px
Padding: left 6 mm, top/bottom 2 mm
Bez: pozadí, rámečku, ikon, uvozovek navíc
Nadtitulek
Malý uppercase štítek nad nadpisem. Říká „co tu je" před tím, než řekne titul.
Sekce 11 · Komponenty
UI komponenty pro design system
Velikost: 12 px (tj. text-xs)
Letter-spacing: 0.3em (tracking-[0.3em])
Váha: Medium 500
Barva: magenta #D2247C
Forma: ALL CAPS, žádná interpunkce
Použití: nad H1/H2/H3 hlavními nadpisy
Statistické číslo
Hero číslo + uppercase popisek. Pro výsledky, statistiky, „1 500 realizací".
1500+
Realizací
+30 %
Růst návštěvnosti
9 let
Na trhu
Číslo: SemiBold 600, magenta, 48–72 px, letter-spacing -0.04em, tabular-nums
Popisek: 12 px uppercase, šedý, tracking-[0.15em], Medium
Pravidlo: 2–4 čísla v řadě, vždy stejná velikost
Číslo musí být ostré: „1 500", ne „cca tisíc"
Pill tag
Magenta kapsle s bílým textem. Pro kategorizaci (cílovka, status, typ).
Pozadí: magenta #D2247C · neutrální variant #E5E5E5
Text: bílý, 8.5 px (print) / 12 px (web), Medium, ALL CAPS
Padding: 2 mm vert. / 5 mm horiz.
Border-radius: 20 mm (= plně oválný)
Bullet seznam
Pro výčet 3–5 bodů s magenta odrážkou. Ne ikona, ne číslo, jen pomlčka.
- — Turisté přicházejí i mimo otevírací dobu
- — Tištěné materiály rychle zastarávají
- — Personál nemůže být k dispozici nonstop
- — Region přichází o příležitosti
Odrážka: em-dash — v magenta SemiBold
Položka: 4–7 slov, krátká, hutná
Oddělovač: tenká linka #E5E5E5 mezi položkami
Počet: 3–5 bodů (víc unaví)
CTA tlačítko
Magenta primární, šedé sekundární, textový odkaz. Vždy plně zaoblené (rounded-full) — žádný hranatý ani lehce zaoblený tvar.
Primární: magenta plný, bílý text, hover #A91A63
Sekundární: bílý s rámečkem, hover rámeček magenta
Textový: jen text + šipka, magenta, podtržení on hover
Ikona-only: kruhový (44×44 px), magenta, ikona 20 px, vždy s aria-label
Tvar: vždy rounded-full (999 px) — nikdy hranatý ani lehce zaoblený
Padding: 12 px vert. × 24 px horiz. (small 8/16, large 16/32)
Touch target: min. výška 40 px (mobil 44 px)
Ikona: 16 px, gap 8 px od textu, šipka vpravo / zpět vlevo
Zaoblení rohů
Jeden radius systém pro celý brand. 6 hodnot, mezi nimi nic. Drž se Tailwind utility tříd.
rounded-none
0 px
full-bleed
rounded
4 px
code, drobné tagy
rounded-lg
8 px
nav, menu
rounded-xl
12 px
icon box, drobný panel
rounded-2xl
16 px
karta, foto (default)
rounded-3xl
24 px
hero, dark sekce
CTA, pilulky, štítky: vždy rounded-full (999 px)
Karty, info bloky: rounded-2xl (16 px / 4 mm tisk)
Hero, dark sekce: rounded-3xl (24 px / 6 mm tisk)
Ikona v rámečku 48×48: rounded-xl (12 px)
Avatar, kruhové číslo: rounded-full
Code, mini tagy v textu: rounded (4 px)
Co nikdy
- — Žádné mezistupně (
rounded-md,rounded-sm) — drž se 6 hodnot výše. - — Žádné asymetrické zaoblení (jen vrch / jen levý sloupec). Výjimka: split swatch v Sekci 03 Barvy.
- — Ostré rohy a zaoblené prvky vedle sebe ve stejném layoutu — vyber jeden tvarový jazyk.
- — Hranaté tlačítko / hranaté CTA — vždy
rounded-full.
Sekce 12
Kontakt & verze
Kdo schvaluje výjimky, jak hlásit připomínky, jaká je aktuální verze a co kdy přibylo.
Schvaluje
Schvaluje výjimky a rozhoduje
Martin Klimánek
jednatel · DigiDay Czech s.r.o.
Kontaktuj v těchto případech
- · Výjimka z pravidel brand booku
- · Nový produktový název / pojmenování
- · Schválení reference před zveřejněním
- · Spolupráce s externí agenturou nebo médii
- · Připomínka k brand booku samotnému
Company Packages
Strojově čitelné exporty brand kontextu pro AI nástroje. Předhoď je ChatGPT, Claudeovi, Gemini, Cursoru, Codexu nebo vlastnímu agentovi — ví, co je DigiDay, jakou má OST, barvy, font, tone of voice.
Soubory žijí v rootu na brandbook-digiday.vercel.app/{název} — můžeš jen poslat URL.
Universal · doporučeno pro AI agenty
AGENTS.md — tool-neutral brand kontext
Konvenční soubor pro AI agenty (Claude, ChatGPT, Gemini, Cursor, Codex, Copilot). OST, tone of voice, barvy, font, ikony, příklady. Nahraj do agenta jako první kontext.
Universal brand metadata
Strukturovaná data v JSON — firma, divize, OST, barvy, typografie, kontakt, ToV. Ideální pro programové integrace, vlastní agenty, RAG.
Design tokens
W3C Design Tokens Community Group formát. Konzumovatelné Style Dictionary, Tokens Studio (Figma), Theo, vlastní build skripty.
LLM short brief
Konvence llms.txt — krátký LLM-friendly přehled značky. Ideální když máš málo tokenů.
Rozšířený Claude kontext
Specificky pro Claude — víc příkladů, hotové ukázky e-mailů, postů, nabídek. Vhodné pro CLAUDE.md v projektech.
Jak to použít
1. Vyber formát
AGENTS.md pro chat agenty (ChatGPT, Claude, Gemini). brand.json pro vlastní kód a RAG. brand-tokens.json pro Figmu / Style Dictionary. llms.txt když máš málo tokenů.
2. Předhoď AI
Buď zkopíruj obsah, nebo pošli URL — moderní agenti soubor stáhnou sami. Pořadí v promptu: (1) kontext, (2) zadání.
3. AI dodrží pravidla
Tone of voice, barvy, font, ikony, zakázaná slova. Když si není jisté, podle AGENTS.md / brand.json se zeptá Martina.
Verze
Aktuální
v1.10
Tlačítka, foto layout, radius škála
Vydáno
9. 5.
2026
Changelog
Historie všech změn. Nejnovější nahoře.
-
v1.10 9. 5. 2026
Tlačítka, foto layout a radius škála — UI primitives sjednoceny
- · Sekce 11 / Komponenty 10.10: nová komponenta Zaoblení rohů — vizuální škála 6 hodnot (
none,rounded,rounded-lg,rounded-xl,rounded-2xl,rounded-3xl,rounded-full) + zákaz mezistupňů - · Sekce 11 / Komponenty 10.9: CTA tlačítko rozšířeno o Ikona-only kruhové tlačítko (44×44,
aria-label), explicitní pravidlo tvar = vždyrounded-full, sizing škála (small/default/large), touch-target minimum - · Sekce 06 / Fotografie: nový blok Layout a zaoblení — radius per kontext (hero
rounded-3xl, kartarounded-2xl, inlinerounded-xl, avatarrounded-full, full-bleedrounded-none), aspect ratios, ořez, placeholder, zákaz drop-shadow / vnitřního okraje / mixu radius v galerii - · Strojové exporty:
brand-tokens.jsonrozšířen oborderRadius.none / xs / md;brand.jsonmá nový top-levelcomponents.button+components.photo+borderRadius - · AI kontexty:
AGENTS.mdaCLAUDE-BRAND-CONTEXT.mddoplněny o sekce Zaoblení rohů / Tlačítka / Fotky;llms.txtkrátký souhrn radius škály - · Sekce 10 / Produktové linie: každá z 5 karet (LEDWARE, QARO, EDUCO, SENIO, DESTINO) má nový odkaz Otevřít playbook → playbook.digiday.cz/{produkt}; URL přidány do
brand.json(productBrands.items[].playbook),llms.txt,AGENTS.md,CLAUDE-BRAND-CONTEXT.md
- · Sekce 11 / Komponenty 10.10: nová komponenta Zaoblení rohů — vizuální škála 6 hodnot (
-
v1.9 1. 5. 2026
Sekce 05 přejmenována na „Hlas a komunikace" — přidána Komunikace s klientem
- · Sekce 05 rozdělena na dvě kapitoly: Tone of voice (jak píšeme) + Komunikace s klientem (jak reagujeme)
- · Železné pravidlo CO + KDO + DO KDY v každé klientské odpovědi (tmavý hero box)
- · Tři věty, co fungují téměř vždy — „Takhle to uděláme" / „Tady je další krok" / „Do kdy vám dáme zpět výsledek"
- · Tabulka 6 typických situací × špatně/správně (cena, problém, demo, nevím, změna podmínek, technický detail)
- · Když nevím odpověď — pravidlo proti mlčení/vymýšlení + 4 cesty jak nabídnout posun (telefon, schůzka, demo, návrh) + zlaté pravidlo „nenechat klienta viset"
- · Prodávej přínos, ne specifikaci — tabulka 5 párů „Místo (tech) → Řekněte (přínos)"
- · Mini-checklist před odesláním — 5 karet (Logo / Font / Barvy / Čistota / Čitelnost)
- · Tři pilíře komunikace (Konzistence / Konkrétnost / Profesionalita) + finální 5-bodový self-check „Zní to jako DigiDay?"
- · Sidebar a mobile nav: „Tone of voice" → „Hlas a komunikace"
- · Inspirováno historickým DigiDay komunikačním manuálem, filtrováno proti novému směru brandbooku (žádné staré hodnoty Lidské/Jednoduché, žádný Slack-pro-IT)
-
v1.8 1. 5. 2026
Sekce 04 Typografie — přísnější pravidla pro headlines, texty, pozadí
- · Nadpisy: tabulka per úroveň (max-width, line-height, tracking, kolik na stránku), 3 hierarchická pravidla,
text-wrap: balanceproti vdovám/sirotkům - · Tělo a české typo: 60–75 znaků na řádek, line-height 1.625+, max 1 tučné per větu (váha 500), mezery; české typo minimum (
po předložkách, „“ uvozovky, en/em pomlčka, čísla s jednotkami, …, ') - · Pozadí a kontrast: tabulka 5 pozadí (Bílá, Ink-50, Ink-900, Magenta, Foto) × pravidla (text/akcent/váhy/zákaz) + 5 vizuálních ukázek, WCAG AA poznámka
- · Šablony párování: 3 standardní eyebrow → headline → lead pattern (Hero, Sekce, Karta) s mezerami
- · Nadpisy: tabulka per úroveň (max-width, line-height, tracking, kolik na stránku), 3 hierarchická pravidla,
-
v1.7 1. 5. 2026
Sekce 10 — Produktové značky (sub-brand systém)
- · Endorsed brand model — DigiDay master + 5 produktových linií (LEDWARE, QARO, EDUCO, SENIO, DESTINO „v přípravě")
- · Naming pravidla: vždy DigiDay + produkt; první zmínka plný tvar, další lze zkrátit; jen DigiDay logo, produktové názvy typograficky
- · Invariants (logo, magenta, Poppins, ink-900, ToV, master claim) vs variabilní per produkt (volitelný sekundární „warmth" akcent, typo emfáze, foto direction)
- · Sekundární akcenty: LEDWARE/QARO bez (úřední vážnost), EDUCO okrová
#E8A33A, SENIO šalvějová#7A8B6B, DESTINO deep teal#1F4D52 - · 5 produktových karet (cílovka, claim, sekundárka, typo emfáze, foto direction, mood)
- · Do/Don't naming texty z reálných materiálů
- · Komponenty přečíslovány na Sekci 11, Kontakt na Sekci 12; nav doplněn o „Produkty“
-
v1.6 1. 5. 2026
Sekce Aplikace — Firemní oblečení (jednotná polo trička s logem)
- · Pravidlo pro veletrhy a klientskou reprezentaci: černé polo tričko s logem DigiDay, všichni stejné
- · Subsekce v Aplikace v praxi: pravidlo (co/kdy), srovnání špatně/správně s reálnými fotkami, poznámka o správě přes HR
- · Lead Aplikace doplněn: „...na fasádě a na nás“
-
v1.5 1. 5. 2026
Company Packages — strojově čitelné brand exporty pro AI
- · AGENTS.md — tool-neutral kontext pro libovolného AI agenta (Claude, ChatGPT, Gemini, Cursor, Codex, Copilot)
- · brand.json — strukturovaná brand metadata (firma, OST, divize, barvy, typografie, ToV, kontakt) v universalním JSON
- · brand-tokens.json — design tokens v W3C Design Tokens Community Group formátu (Style Dictionary, Tokens Studio, Figma)
- · llms.txt — krátký LLM-friendly přehled značky podle llmstxt.org konvence
- · Všechny soubory v rootu (
/brand.json,/AGENTS.mdapod.) — agentům stačí poslat URL - · Sekce 11 doplněna o grid downloadů + "Jak to použít" návod
-
v1.4 30. 4. 2026
Korekce textů, vizitka, sjednocení vizuálů
- · Hero claim: „sám důkazem toho, co děláme" → „dává tvar tomu, co děláme"
- · ToV hlavní pravidlo přepsáno na: „Pište jen to, za čím si dokážete stát i v přímém rozhovoru."
- · OST hero zjednodušen (bez wordplay
VIDITELN"OST") + přidána řada referencí OST jiných značek: Ariel = hebkost, Volvo = bezpečnost, Lego = kreativnost, Parker = dárkovost - · Garant značky → Schvaluje (sekce Úvod, Kontakt, footer)
- · Master message → Hlavní sdělení; brand guardian → schvaluje
- · Hrdinské/Hrdinská → hero (plochy, formáty, číslo, titul, cover)
- · Typografie přejmenována: Display LG → Velký nadpis, Display → Nadpis, Body Lead → Úvodní odstavec, Body → Tělo, Eyebrow → Nadtitulek
- · Anglicismy do češtiny: claim → slogan, watermark → vodoznak, lockup → logoblok, stroke → tah, hover state → stav při najetí, OG image → obrázek pro sdílení, carousel cover → úvodní snímek karuselu, sun glare → odlesk slunce
- · Tři entity → tři divize; non-stop → 24/7; „Zpátky k tabuli" → „Zpět o krok"
- · Nová vizitka podle
digi-vizi.pdf: logo barevně vlevo (vertikálně centrované), jméno v magentě, dva weby (digiday.cz + uredni-deska.eu), centrovaný footer. Download SVG i PDF. - · Outdoor + LinkedIn slidy: explicitní
items-start text-leftaby loga byla definovaně vlevo nahoře - · LinkedIn quote slide: prohozeno pořadí — logo doleva, kontakt doprava
- · Logo minimum: zjednodušená formulace (brand místo rejstřík ®)
- · Šablona souhlasu je u Lenky → u Lenky Klimánkové
-
v1.3 29. 4. 2026
Galerie referencí ve fotografii + jemné doladění Šedé
- · Sekce 06 doplněna o vizuální galerii: 4 referenční fotky „tímto směrem fotíme" + 4 stockové ukázky „tímto směrem ne" (s červeným X)
- · Reference pulled přes Freepik API, optimalizováno na max 1600 px / JPG 80 %
- · Šedá doladěna na
#222c37(drobnější modrý nádech proti čisté grafitové)
-
v1.2 29. 4. 2026
Paleta zjednodušena ze 6 na 5 barev
- · Tmavá
#1A1A1Aodstraněna z palety - · Šedá přebírá roli body textu, nadpisů a tmavých ploch
- · Zbývajících 5 barev: Magenta, Šedá, Světlá, Bílá, Magenta tmavá
- · Kontrasty WCAG aktualizovány (Bílá/Šedá 14.3:1)
- · Tmavá
-
v1.1 28. 4. 2026
UI komponenty + sjednocení s nabídkami
Brand book přechází z visual style guide na full design system.
- · Nová sekce 10 UI komponenty: 9 patterns (karta, highlight, krok, citace, eyebrow, stat, pill tag, bullet, CTA)
- · Šedá
#595959→#525361 - · Telefon brand guardian sjednocen na +420 608 886 555
- · OST hero přepsán: VIDITELNOST display + vtip „dodává VIDITELN"OST"." pod tím
- · Social šablony: originální SVG logo +50 %, safety zóny dokumentované
- · CLAUDE-BRAND-CONTEXT.md pro kolegy s AI
- · Logo sekce: odebrané placeholdery entitních lockupů a produktových log
- · Nabídky framework sjednocený s brandbookem (barvy, logo, gradienty, periody v nadpisech)
-
v1.0 27. 4. 2026
První kompletní vydání
Všech 10 sekcí připravených, brand book je použitelný interně i externě.
- · Sekce 10 Kontakt a verze + changelog
- · Sekce 09 Aplikace v praxi (panel mockup, web, LinkedIn carousel, outdoor)
-
v0.8 27. 4. 2026
Šablony ke stažení
- · Vlastní generátor podpisu na
digiday.cz/digiday-tools/podpisintegrován jako primární cesta - · Vizitka 85×55 mm a hlavičkový A4 jako SVG download
- · Záložní HTML signatura jako fallback
- · Vlastní generátor podpisu na
-
v0.7 27. 4. 2026
Ikony
- · Heroicons jako jediný icon set
- · Outline / Solid pravidla, velikosti 16/24/32 px
- · Příklad aplikace v UI (toolbar + feature karty)
-
v0.6 27. 4. 2026
Fotografie
- · Princip „důkaz reality, ne ilustrace nápadu"
- · Co fotíme / nefotíme + technické parametry
- · Práva, GDPR souhlasy, archiv workflow
-
v0.5 27. 4. 2026
Tone of voice
- · Zákon: „Co bys neřekl naživo, nepiš"
- · 5 principů + 6 párů říkáme/neříkáme
- · Slovník 20 zakázaných buzzwordů
- · Aplikace na 7 produktů (EDUCO, DESTINO…)
-
v0.4 27. 4. 2026
Typografie
- · Poppins specimen ve 4 vahách
- · Velikostní stupnice 9 úrovní
- · Reálná ukázka článku s hierarchii
-
v0.3 27. 4. 2026
Barvy + sjednocení magenta
- · Hrdinská full-bleed sekce s magenta jako OST nositel
- · Paleta 6 swatchů s klikacím kopírováním HEX
- · Migrační tip:
#ce2c79→#D2247C - · Globální swap z
#FF00FFna#D2247C
-
v0.2 27. 4. 2026
Logo
- · 4 varianty (Color, Magenta, Mono dark, Mono light)
- · 5 download formátů (SVG, PNG, JPG, PDF, AI)
- · Ochranná zóna, minimální velikosti, 8 zakázaných použití
-
v0.1 27. 4. 2026
První deploy: Úvod a OST
- · Statické HTML + Tailwind CDN, deploy na Vercel
- · Sticky navigace, sekce 01 s OST VIDITELNOST jako hrdina
- · Master message hierarchy + brand guardian
Roadmap
Co plánujeme přidat. Pořadí podle využitelnosti, ne podle nadšení.
v1.1 · Q2 2026
Entitní logobloky + reálné fotky
DigiDay Czech / Creative / Group jako finalizovaná loga. První várka reálných fotek z instalací místo placeholderů.
v1.2 · Q2 2026
Šablona prezentace + PDF dokumentu
PowerPoint, Keynote, Figma master deck. Word/Pages šablona oficiálního PDF.
v1.3 · Q3 2026
Produktová loga (EDUCO, DESTINO…)
Symboly + wordmarky pro 7 produktových řad. Včetně varianty na tmavém pozadí.
v2.0 · Q3 2026
Search, dark mode, print
Full-text vyhledávání (klávesa „/"), přepínač světlé/tmavé, optimalizovaný print stylesheet, Lighthouse 90+.
Děkujeme
Brand book je živý dokument. Když najdeš chybu, vidíš příležitost zlepšit — napiš Martinovi.
Každá připomínka je hodnotná. Brand drží jen tehdy, když ho nosí celý tým.