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ě.

Začít prohlížet 12 sekcí · design system · v1.7

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.

Jméno

Martin Klimánek

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.

Aa

Light · 300

Aa

Regular · 400

Aa

Medium · 500

Aa

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
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).

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 &nbsp;

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&nbsp;Praze · 24&nbsp;°C · 1&nbsp;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.5 mezi řá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 .zip

Sekce 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
leveragujemevyužíváme
best practiceosvědčený postup
empower / posilujemepomáháme · podporujeme
ekosystém (mimo IT)systém · sada · prostředí
portfolio (jako buzzword)produkty · co děláme
customer experiencejak to klient prožije · zážitek zákazníka
engagementzájem · interakce · klikají
omnichannelnapříč kanály
end-to-endod začátku do konce · od A do Z
robustnísilný · spolehlivý · drží
škálovatelnýroste s vámi · od jednoho po stovku
streamlinezjednodušit · zrychlit
disrupce / disruptivnímění obor · novinka
cutting-edgenejnově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í.

1

Logo

Je viditelné a v aktuální verzi?

2

Font

Používám firemní písmo (Poppins)?

3

Barvy

Magenta + ink-900 + bílá. Nic navíc?

4

Čistota

Není dokument přeplácaný?

5

Č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

Reálný kiosek na letišti
Reálný produkt v prostoru. Kiosek tam, kde má být — ne v showroomu na bílé.
Uživatel u informační tabule
Skutečná interakce. Někdo se na panel opravdu dívá — nepózuje pro fotografa.
Self-service terminál v praxi
Detail použití. Ruka, prst, dotyk obrazovky. Ukáže, že produkt funguje.
Outdoor panel v nočním městě
Místo a kontext. Panel v ulici, v davu, v noci. Důkaz OST viditelnosti.

Tímto směrem ne

Stockový handshake
Stockový handshake. Klasika z 90. let. Nic neřekne, nic neprodá.
Stockový tým s tabletem
Tým v oblecích u tabletu. Falešný brainstorming. Nikdo nikdy takhle nepracuje.
Korporátní fotka na bílém pozadí
Bílé pozadí + úsměv. Studiový stock. Nemá místo, nemá kontext, nemá příběh.
3D render místo reality
3D render místo reality. Imaginární „digital city". Reálná instalace prodává víc.

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.

Hero foto v zaobleném rámu rounded-3xl
Hero / cover rounded-3xl · 24 px · velké plochy, dark sekce
Foto karta v zaobleném rámu rounded-2xl
Karta / galerie rounded-2xl · 16 px · default pro 95 % situací
Inline thumbnail v zaobleném rámu rounded-xl
Inline / detail 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-hidden až 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.

Vizitka

Standardní formát 85 × 55 mm. Otevři v Illustratoru / Affinity / Inkscape, vyplň jméno a kontakt, exportuj do PDF pro tisk.

DigiDay vizitka — finální podoba

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.

DigiDay hlavičkový papír — náhled šablony

Náhled šablony · A4 · 210 × 297 mm

Stáhnout SVG Word (.docx) · připravujeme Pages · připravujeme

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.

LinkedIn obálka karuselu

LinkedIn

Carousel cover

1200 × 1200 px · 1:1

SVG
LinkedIn stat post

LinkedIn

Slide se statistikou

1200 × 1200 px · 1:1

SVG
Facebook obrázek pro sdílení

Facebook · OG

Obrázek pro sdílení (OG)

1200 × 630 px · 1.91:1

SVG
Instagram feed post

Instagram

Feed post · square

1080 × 1080 px · 1:1

SVG
Instagram story

Instagram · Reels

Story / cover reels

1080 × 1920 px · 9:16

SVG

Tip

Jak šablonu použít

  1. 1. Stáhni SVG šablonu
  2. 2. Otevři ve Figmě, Illustratoru, Inkscape nebo Affinity
  3. 3. Nahraď text, případně přidej fotku
  4. 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.

DigiDay Live · 24/7

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.

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

Swipe →

Slide 1 z 5 · Cover

Výsledek

+30 %

návštěvnosti infocentra v otevírací době

2 / 5

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.cz
5 / 5

Slide 5 z 5 · CTA

Outdoor

Billboard, polep auta, fasáda. Tady musí magenta dominovat — kontext je vizuálně rušný.

DigiDay

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

DigiDay polep vozu

Polep servisního vozu

DigiDay

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.

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
Špatně — každý v něčem jiném
✕ Špatně

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
Správně — jednotná černá polo trička s logem DigiDay
✓ Správně

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

DigiDay

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 Katalog 2026

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.

Sekundárkažádná — ink-900 + magenta
Typo emfázejako master — Light + Semibold
FotoEUD na náměstí, denní světlo
Moodautorita, klid, vážnost

DigiDay

QARO

Obce · web + AI

Webová platforma pro obce — moderní web, úřední deska, AI asistent QARO AI.

Sekundárkažádná — ink-900 + magenta
Typo emfázejako master — Light + Semibold
FotoUI screeny, civic engagement, lidé u panelu
Moodmoderní, dostupný, kompetentní

DigiDay

EDUCO

Školy

Digitální srdce školy — interaktivní panely a software pro komunikaci se žáky, rodiči a veřejností.

Sekundárka#E8A33A okrová
Typo emfázevíc Semibold — energie, vlídnost
Fotostudenti, učitelé, rodiče u panelu, učebna
Moodteplé, neformální, ne dětinské

DigiDay

SENIO

Domovy seniorů · soc. služby

Informační panely pro domovy seniorů a sociální služby. Důstojné, čitelné, klidné.

Sekundárka#7A8B6B šalvějová
Typo emfázevíc Regular, větší sizes — čitelnost
Fotorezidenti v důstojném prostředí, caregivers
Moodklid, důstojnost — žádné stereotypy
Připravujeme

DigiDay

DESTINO

Hospitality · resorty, hotely, restaurace, golfy

Digitální experience pro hospitality — signage, menu boards, info systémy. Aspirační, lifestyle.

Sekundárka#1F4D52 deep teal
Typo emfázevíc Light + ExtraLight — eleganter
Fotointeriéry hotelů, gastro, lifestyle
Moodaspirační, elevated, premium

Další 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ů.

1

Host přijede ve 23:00, recepce má službu jen po telefonu

2

V lobby narazí na interaktivní kiosek

3

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).

Nabídka pro turistické infocentrum Případová studie Bestseller · venkovní Připravujeme

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.

Stáhnout .md
JSON /brand.json

Universal brand metadata

Strukturovaná data v JSON — firma, divize, OST, barvy, typografie, kontakt, ToV. Ideální pro programové integrace, vlastní agenty, RAG.

W3C Tokens /brand-tokens.json

Design tokens

W3C Design Tokens Community Group formát. Konzumovatelné Style Dictionary, Tokens Studio (Figma), Theo, vlastní build skripty.

llms.txt /llms.txt

LLM short brief

Konvence llms.txt — krátký LLM-friendly přehled značky. Ideální když máš málo tokenů.

Claude /CLAUDE-BRAND-CONTEXT.md

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.

  1. 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ždy rounded-full, sizing škála (small/default/large), touch-target minimum
    • · Sekce 06 / Fotografie: nový blok Layout a zaoblení — radius per kontext (hero rounded-3xl, karta rounded-2xl, inline rounded-xl, avatar rounded-full, full-bleed rounded-none), aspect ratios, ořez, placeholder, zákaz drop-shadow / vnitřního okraje / mixu radius v galerii
    • · Strojové exporty: brand-tokens.json rozšířen o borderRadius.none / xs / md; brand.json má nový top-level components.button + components.photo + borderRadius
    • · AI kontexty: AGENTS.mdCLAUDE-BRAND-CONTEXT.md doplněny o sekce Zaoblení rohů / Tlačítka / Fotky; llms.txt krátký souhrn radius škály
    • · Sekce 10 / Produktové linie: každá z 5 karet (LEDWARE, QARO, EDUCO, SENIO, DESTINO) má nový odkaz Otevřít playbookplaybook.digiday.cz/{produkt}; URL přidány do brand.json (productBrands.items[].playbook), llms.txt, AGENTS.md, CLAUDE-BRAND-CONTEXT.md
  2. 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)
  3. 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: balance proti 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 (&nbsp; 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
  4. 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“
  5. 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
  6. 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.md apod.) — agentům stačí poslat URL
    • · Sekce 11 doplněna o grid downloadů + "Jak to použít" návod
  7. 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-left aby 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é
  8. 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é)
  9. v1.2 29. 4. 2026

    Paleta zjednodušena ze 6 na 5 barev

    • · Tmavá #1A1A1A odstraně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)
  10. 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)
  11. 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)
  12. v0.8 27. 4. 2026

    Šablony ke stažení

    • · Vlastní generátor podpisu na digiday.cz/digiday-tools/podpis integrován jako primární cesta
    • · Vizitka 85×55 mm a hlavičkový A4 jako SVG download
    • · Záložní HTML signatura jako fallback
  13. 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)
  14. 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
  15. 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…)
  16. v0.4 27. 4. 2026

    Typografie

    • · Poppins specimen ve 4 vahách
    • · Velikostní stupnice 9 úrovní
    • · Reálná ukázka článku s hierarchii
  17. 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 #FF00FF na #D2247C
  18. 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í
  19. 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.