DigiDay · Brand Book · v1.1

Brand book, který je
sám důkazem
toho, 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 11 sekcí · design system · v1.1

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í 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 entity: 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á VIDITELN"OST".

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.

Úřad

Papírovou desku nikdo nečte. Viditelnost vůči občanům.

Škola

Oběžníky rodiče zahodili. 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 partnerů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átky k tabuli. Není to náš byznys, předěláme příslib.

Master message

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 nebo dodavateli. Tady má vše potřebné — logo, barvy, font, tone of voice. Žádný PDF brandbook nepošlou e-mailem.

Brand guardian

Výjimky z pravidel, nové produktové názvy, sporné případy schvaluje brand guardian. 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

Hrdinské plochy ano (cover prezentace, CTA banner). Tělo textu, dlouhé odstavce nebo velké pozadí celé stránky — ne. Generický „pink web" není cíl.

Tmavá jako tělo

#1A1A1A pro nadpisy a dlouhý text na bílém. Neslevuj na čistou černou ani na šedou.

Šedá jen jako podpora

#525361 pro popisky, dataové štítky, metainformace. Hlavní text v ní nikdy.

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 · 18.66:1

Bílá na tmavé — perfektní pro tmavé sekce, prezentace.

OK · 18.66:1

Tmavá na bílé — výchozí kombinace pro tělo textu.

Pozor · 3.18:1

Tmavá na magenta — jen pro velký text (24+ px). Pro běžné odstavce ne.

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ý hrdinský 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.

Display LG

clamp(4rem, 14vw, 12rem) · 600

Hrdinský cover, hlavní claim.

VIDITELNOST

Display

clamp(3rem, 9vw, 7.5rem) · 300

Otevírací titul stránky / sekce.

Brand book

H1

5xl–7xl · 300

Nadpis hlavní sekce.

Typografie

H2

3xl–5xl · 300/600

Podsekce, „módní" nadpis v článku.

Magenta je nejviditelnější barva.

H3

xl–2xl · 600

Nadpis kartičky, blok v listu.

Záruka 2 roky na vše

Body Lead

lg–xl · 300/400

Úvodní odstavec, lead pod nadpisem.

DigiDay nedodává displeje. DigiDay dodává viditelnost. Každý produkt v portfoliu řeší jeden problém.

Body

base · 400

Tělo textu, odstavce, popisy.

DigiDay je česká firma na digitální zobrazovací řešení. 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

sm–xs · 400/500

Popisek, metainformace, footer.

Aktualizováno: 27. 4. 2026 · DigiDay Czech s.r.o.

Eyebrow

xs uppercase · 500/600

Štítek nad nadpisem, kategorie.

Sekce 03 · Barvy

Pravidla vah

300

Light

Display nadpisy, citace

Velkorysá, vzdušná. Pro display 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, eyebrowy

Mezistupeň. Tučný důraz uvnitř odstavce, label nad nadpisem, navigace.

600

SemiBold

Hlavní nadpisy, CTA, čísla

Maximální váha. Hrdinská čísla (statistiky), tlačítka, magenta akcenty v nadpisu.

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 non-stop 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

Eyebrow ALL CAPS · letter-spacing 0.3em · velikost 12 px · Medium.

Případová studie

Nedělej

Eyebrow 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

Tone of voice

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

Když to nezvedneš ze stolu a neřekneš tomu druhému naživo, neměl bys to ani napsat.

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ěď v sobotu večer. Úřední deska má dveře zamčené. Tady to řešíme."

Neříkáme

„Naše inovativní řešení transformuje zákaznickou zkušenost prostřednictvím synergie hardwaru a softwaru."

Říkáme

„Kiosek vidí 1 200 lidí denně. Ukazuje jim, co potřebují, 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. Volám zítra."

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

„Díky. Hlásíme se za měsíc, jak panely běží."

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

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. Sun glare, 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é.

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

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.

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.

Standard

heroicons.com

Heroicons od Tailwind Labs

300+ ručně kreslených SVG ikon. Outline, Solid, Mini a Micro. MIT licence, inline SVG, žádný icon font, žádný build krok. Otevři, zkopíruj kód, vlož.

Otevřít heroicons.com

Outline / Solid

Outline pro běžné UI, solid jen tam, kde je ikona důraz nebo aktivní stav.

Outline · 24 px · stroke 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

Hrdinská

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

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

Otevřít generátor

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.

DigiDay vizitka — náhled šablony

Náhled šablony · 85 × 55 mm · vektorové SVG

Stáhnout SVG Adobe Illustrator (.ai) · připravujeme Figma · připravujeme

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 carousel cover

LinkedIn

Carousel cover

1200 × 1200 px · 1:1

SVG
LinkedIn stat post

LinkedIn

Slide se statistikou

1200 × 1200 px · 1:1

SVG
Facebook link share

Facebook · OG

Link share / OG image

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

Web

Velkorysá typografie, magenta jako akcent, hodně bílého prostoru. Žádné gradienty, žádné stockové fotky.

www.digiday.cz
DigiDay

Digital signage

Děláme vás viditelnými.

Elektronické úřední desky, digitální panely, LED obrazovky a software. Pro obce, školy, hotely, firmy. 1 500 realizací po Česku a Slovensku.

Spojte se s námi

Otevřít digiday.cz · živý web v novém okně

LinkedIn post

Carousel s magenta cover slide, tmavé pozadí, velký claim. Čísla a konkrétní kroky před teorií.

DigiDay

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ě

DigiDay 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

DigiDay

Slide 3 z 5 · Citace

Další krok

Máš podobný prostor?

Přijedeme, podíváme se, navrhneme. Nezávazně.

obchod@digiday.cz
DigiDay 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

Servis & instalace

+420 608 886 555 · digiday.cz

Polep dveří servisního auta

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.

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řehled

Tištěný katalog PDF

A4 portrait, 24 stran, magenta cover, kompletní portfolio s cenami. Připravujeme — Q3 2026.

Sekce 10

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

Eyebrow

Malý uppercase štítek nad nadpisem. Říká „co tu je" před tím, než řekne titul.

Sekce 10 · 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

Hrdinské čí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í. Vždy s ikonou šipky vpravo nebo bez.

Začít prohlížet Sekundární akce Textový odkaz

Primární: magenta plný, bílý text, hover #A91A63

Sekundární: bílý s rámečkem, hover ramček magenta

Textový: jen text + šipka, magenta, podtržení on hover

Padding: 12 px (vert.) × 24 px (horiz.), border-radius full (rounded-full)

Sekce 11

Kontakt & verze

Kdo schvaluje výjimky, jak hlásit připomínky, jaká je aktuální verze a co kdy přibylo.

Brand guardian

Schvaluje výjimky a rozhoduje

Martin Klimánek

jednatel · DigiDay Czech s.r.o.

martin@digiday.cz +420 608 886 555

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

Pro Claude / AI

Když píšeš prompt do Claude (e-mail, post, nabídka), zkopíruj mu nejdřív tenhle kontext. Bude pak dodržovat tone of voice, barvy, font.

Kontextový dokument

DigiDay brand kontext pro Claude (.md)

Markdown soubor se vším podstatným — OST, tone of voice (5 principů + zákaz buzzwordů), barvy, font, ikony, příklady správných výstupů. Zkopíruj do AI před tím, než ho požádáš o copywriting.

Stáhnout .md

Tip: v Claude pošli prompt v pořadí (1) obsah souboru jako kontext, (2) zadání („napiš e-mail Petrovi…"). Claude dodrží pravidla brand booku.

Verze

Aktuální

v1.1

UI komponenty

Vydáno

28. 4.

2026

Zdroj

GitHub
DigiDayCzech/brandbook

Changelog

Historie všech změn. Nejnovější nahoře.

  1. 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)
  2. 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)
  3. 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
  4. 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)
  5. 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
  6. 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…)
  7. v0.4 27. 4. 2026

    Typografie

    • · Poppins specimen ve 4 vahách
    • · Velikostní stupnice 9 úrovní
    • · Reálná ukázka článku s hierarchii
  8. 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
  9. 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í
  10. 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í lockupy + 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.