Design manuál
Pravidla vizuální identity značky Lobee — loga, barvy, typografie a grafické prvky pro konzistentní komunikaci.
Loga
Logotyp je primárním vizuálním identifikátorem značky. Každá varianta je určena pro konkrétní použití — digitál, tisk, nebo sociální sítě.
Logotyp
Samotný slovní název — bez symbolu. Použití: záhlaví, dokumenty, situace kde je symbol viditelný v kontextu.
Symbol
Grafický symbol — bez textu. Použití: favicon, app icon, sociální sítě (profilový obrázek), razítka.
Full logo horizontal
Symbol + logotyp vedle sebe. Preferovaná varianta pro většinu použití — web, banery, prezentace.
Full logo vertical
Symbol nad logotypem. Použití: čtvercové formáty, roll-up bannery, výstavní stánky, profilové obrázky.
Logotyp + web address
Slovní název s doménou "Lobee.cz". Použití: tiskové materiály, vizitky, letáky.
Full logo + web address
Symbol, logotyp a doména "Lobee.cz". Nejúplnější varianta — reklamy, outdoorové nosiče.
Favicon / App Icon
Symbol na bílém podkladu. Použití: favicon prohlížeče, Apple Touch Icon, PWA ikona, záložky.
Varianty velikostí
Náhled v prohlížeči
Lobee – AI recepční✕Favicon aktivní na webu lobee.czPravidla použití
Vždy zachovávejte ochrannou zónu min. 2× výška písmene X
Minimální šířka loga: 80 px (digitál), 20 mm (tisk)
Nepřebarvujte logo mimo schválené varianty
Nedeformujte, nerotujte ani neaplikujte stíny
Barevná paleta
Primárním akcentem je Electric Blue #2551F7. Magenta slouží výhradně pro nejdůležitější CTA. Violet je dekorativní. Klikněte na hodnotu pro zkopírování.
02.1 — Primární paleta
Pozaďové barvy
Rich Black
Základní pozadí
Dark Void
Panely / Inputy
Deep Navy
Karty / Sidebar
Akcentové barvy
Electric Blue
CTA / Odkazy / Akce
Magenta Pink
Kritická CTA / Kampaně
Royal Violet
Gradienty / Dekorativní
Soft Lavender
Světlé pozadí / Text
02.2 — Sekundární paleta
Indigo Blue
Tmavý doplňkový akcent
Bright Purple
Přechodový tón
Orchid Pink
Střední Magenta
Soft Purple
Tlumený Violet
Sky Blue
Světlý akcent
02.3 — Brandové gradienty
Brand Hero
Hero sekce, CTA bannery
Creative
Kreativní / kampaňový gradient
Premium
Tmavé karty, prezentace
Sidebar
Navigační panel aplikace
Light
Emailové šablony, světlé bannery
02.4 — Pravidla barevnosti
Electric Blue = standardní akce
Tlačítka, odkaz, aktivní navigace, focus ring. 30 % vizuálu. Nikdy pro dekorativní prvky.
Magenta = pouze kritická CTA
Jen jeden prvek na stránce — přihlášení, koupě. Nikdy v navigaci, tabulkách ani kartách.
Violet = dekorativní prvky
Gradienty, grafické prvky, grafiky na pozadí. 10 % vizuálu. Nikdy jako interaktivní prvek.
Písmo
Primárním písmem značky Lobee je Poppins — moderní, přátelský a dobře čitelný.
Poppins
Google Fonts — sans-serif
Typeface
Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Aa
400
Regular
AI voicebot pro hotely, který mluví jazykem hostů.
Tělo textu, popisky, meta informace
Aa
500
Medium
Lobee automatizuje komunikaci, zvyšuje spokojenost hostů.
Zvýraznění v textu, tlačítka, navigace
Aa
600
SemiBold
Okamžité odpovědi 24/7. Vícejazyčná komunikace.
Podnadpisy, karty, sekce
Aa
700
Bold
AI asistent pro váš hotel.
Nadpisy H3–H4, badge texty
Aa
800
ExtraBold
Lobee
Hlavní nadpisy H1–H2, hero titulky
Zdroj
Google Fonts — bez licenčního poplatku
03.3 — Pravidla
→ Nadpisy: ExtraBold 800, line-height 1.1–1.2
→ Tělo textu: Regular 400, line-height 1.6–1.8
→ Navigace, tlačítka: SemiBold 600, uppercase, letter-spacing
→ Nikdy nepoužívat kurzívu pro UI prvky
→ Minimální velikost textu: 12 px (digitál), 8 pt (tisk)
→ Barva primárního textu: #FFFFFF (tmavý) / #07080C (světlý)
Správné psaní názvu
Název značky má přesná pravidla. Používejte vždy jednu ze schválených variant.
✓ Správně
Lobee
Preferovaná varianta
lobee.cz
Doménový formát
lobee.sk
Slovenská doména
Lobee.cz
Na začátku věty / titulky
✗ Chybně
LOBEE
Nepište celými velkými písmeny
Lobby
Nezaměňovat s hotelovou lobby
lobee
Nezačínat malým písmenem v textu
LoBee
CamelCase není povoleno
Právní název
V právních dokumentech, smlouvách a fakturách vždy používejte přesný název provozovatele.
Brand vibe
Moderní, přátelský a důvěryhodný. Technologie, která zjednodušuje práci a zlepšuje zážitek hostů.
Technologický
Pokročilé AI — jednoduchou formou
Přátelský
Přirozená komunikace s hosty
Důvěryhodný
24/7 spolehlivost bez výpadků
Inovativní
Napřed před konkurencí
05.2 — Klíčové benefity
Okamžité odpovědi 24/7
Hosté nikdy nečekají na odpověď — bot reaguje okamžitě, i v noci.
Vícejazyčná komunikace
Lobee mluví jazykem hosta — česky, anglicky, německy a dalšími jazyky.
Méně práce pro recepci
Rutinní dotazy vyřeší Lobee automaticky. Recepce se soustředí na osobní servis.
Spokojení hosté
Lepší komunikace = lepší hodnocení. Přímý vliv na TripAdvisor a Booking skóre.
Grafické prvky
Grafický systém Lobee je postaven na zaoblených tvarech, gradient akcentu a audio vlnce jako komunikační ikoně.
Zaoblené rohy
Lobee používá zaoblené rohy (8–16 px) pro karty, buttony a UI prvky. Symbol přátelskosti — odlišuje od přísné geometrie.
Brand gradient
Violet → Blue → Light Blue gradient pro primární CTA prvky, ikonky, ilustrace a zvýraznění.
Audio waveform
Ikona AI hlasového asistenta. Animovaná verze se používá pro vizualizaci aktivního poslechu / mluvení bota.
Chat UI
Chat bubliny: bot vlevo (tmavé), host vpravo (gradient). Zaoblené rohy zdůrazňují přátelský tón.
Tlačítka
Primární: gradient fill. Sekundární: outline s Violet border. Třetí úroveň: dark ghost.
Badges / Tagy
Pill/rounded-full styl. Barva dle kontextu: Violet primární, zelená status, modrá info.
Tmavá varianta
AI voicebot pro hotely
Tmavé pozadí + gradient akcent + bílý text = prémiový digitální look.
Světlá varianta
AI voicebot pro hotely
Světlé pozadí pro tiskové materiály, brožury, bannery a e-maily.
Maskot
Lobee maskot — 3D charakter v individuálních variantách. Používá se v onboardingu, prázdných stavech, notifikacích a marketingových materiálech.
Výchozí — Základní
Superhero — Cape
Concierge — Tác
Lobee Design Manuál
Interní dokument GM Media s.r.o. — 2026
Vizuální identita Lobee — všechna práva vyhrazena.
Dokumentaci udržuje tým GM Media s.r.o.