Něžný, prémiový a útulný vizuální jazyk pro e-shop s dětskou výbavičkou.
Základní kameny značky pro nastávající maminky — barvy, typografie, logo, komponenty.
Verze 1.0 · aktualizace 11. 9. 2026 · interní podklad — nešířit bez souhlasu
Rychlý přehled
Vše podstatné na jedné obrazovce — na poslání grafikovi, do Canvy nebo do zadání pro AI.
Podrobnosti jsou v sekcích níž.
PaletaSmetana #FAF6F0 pozadí · med #D9A05B akcent · šeď #3A3A3A text · šalvěj #A3B19B tlačítka · růžová #E7B7B0 a modrá #A9C5D3 štítky
Barvy textuMed jako text #996423 · růžová #BF4B3A · modrá #48758C · ztlumený #746E64 · práh kontrastu 4,5 : 1
PoměrDvě třetiny plochy smetana nebo bílá. Šalvěj nese akci, med a pastely jsou akcent — nikdy velké plochy ani pozadí sekce.
PísmoNadpisy Bariol (záloha Nunito) · text Open Sans · Bariol nepatří na dlouhé odstavce
TvaryZaoblení 16 px, hero 24 px · měkké rozostřené stíny · nic ostrého ani tvrdého
NázevV textu vždy BeeMy, neskloňovat. Malé beemy jen v URL, e-mailech a názvech souborů.
LogoVždy soubor z logo-zdroje/, nikdy nesázet fontem · na tmavém podkladu bílý negativ
Barvy slovyPro Canvu a AI: med je medová, jantarová — ne oranžová · růžová pudrová — ne sytá · modrá pastelová — ne levandulová
TónKlidný, konkrétní, vřelý. Žádné verzálky přes celý text, řetězení vykřičníků ani „MEGA SLEVA“.
Každý produkt v BeeMy vybíráme tak, aby byl bezpečný, jemný k pokožce
a krásný na pohled. Věříme, že první měsíce mají být klidné a útulné — pro
miminko i pro vás. Doplňkový popisek · Open Sans · 13,5 px · ztlumená šeď.
Název značky se v textu píše vždy BeeMy — velké B i M,
bez mezery a pomlčky; s doménou BeeMy.cz. Ne Beemy, beemy,
BEEMY ani Bee My. Malé písmo zůstává jen u kresby loga a v technických
zápisech (beemy.cz, info@beemy.cz, názvy souborů). Název
neskloňujeme — v BeeMy, od BeeMy. Podrobně v brand briefu, sekce 6.
2
Barevná paleta
Teplá, přírodní, tlumená
Mandlová smetana
#FAF6F0Primární pozadí
Hřejivý med
#D9A05BSekundární brandová barva, akcenty
Břidlicová šeď
#3A3A3ATexty a nadpisy
Šalvějová zelená
#A3B19BAkcent hlavních tlačítek
Holčičí růžová
#E7B7B0Jemný akcent, štítky (holčičí řada)
Klučičí modrá
#A9C5D3Jemný akcent, štítky (klučičí řada)
Text na hlavních plochách
Web stojí na dvou plochách — mandlové smetaně (pozadí stránky)
a bílých kartách. Na obou používej pro text břidlicovou šeď a pro vedlejší texty ztlumenou —
obě jsou dobře čitelné. Světlé barvy palety na text nepatří.
Nadpisy a hlavní textVedlejší a ztlumený textMandlová smetana · pozadí stránky
Nadpisy a hlavní textVedlejší a ztlumený textBílé karty · produkt, hero
Název v každém vzorku je napsaný tou barvou písma, která je na dané barvě dobře čitelná.
Pastelová růžová a modrá jsou světlé — používej je jako podbarvení nebo štítky, ne jako
barvu písma. Když potřebuješ růžovou nebo modrou přímo jako text či ikonu, sáhni po jejich
tmavší variantě, aby zůstala dobře čitelná:
Růžová tmavá #BF4B3A Modrá tmavá #48758C
Odstíny pro stavy tlačítek (ztmavení při najetí / stisku): med #C6893F,
šalvěj #8FA085. Jemná linka #EAE1D5, ztlumený text #746E64.
Poměr barev na ploše
Paleta neříká jen které barvy, ale i kolik jich smí být.
Klid a prémiovost nesou prázdné smetanové plochy — ne barevnost. Zhruba dvě třetiny plochy
nechte smetanové nebo bílé.
Smetana a bílá — prostor
Šalvěj — akce
Med
Smetana a bílá — pozadí a karty, nejvíc prostoruŠalvěj — hlavní tlačítka a akceMed a pastely — akcent, štítky, drobné plochy
Med ani pastely nikdy nevyplňují velké plochy — ani pozadí sekce, ani celý banner.
Jakmile barva přestane být akcentem, značka ztratí klid a začne působit lacině.
Barvy, které nepoužíváme
Tyhle odstíny jdou proti něze a prémiovosti. Nepatří do grafiky,
na web ani do AI výstupů — a nemají ani „výjimku pro jednou“.
Neonová růžová#FF4FA3Křiklavá a dětinská. Naše růžová je tlumená #E7B7B0 — ta drží prémiovost.
Čistá černá#000000Tvrdá a studená. Logo má teplé #040606, text #3A3A3A — rozdíl je vidět.
Studená šeď#9AA7B4Nemocniční, úzkostná. Celá naše neutrální řada je teplá, do smetanova.
Sytá žlutá a zlatá#FFC300Působí lacině a slevově. Teplo u nás nese med #D9A05B.
Mimo paletu nepatří ani barevné přechody na pozadí sekcí a sytě barevná tlačítka
jinak než v šalvěji nebo medu.
3
Logo
Vektorové zdroje z /logo-zdroje
Hlavní verze — nápis „beemy“ (malé písmo je součást kresby)Stáhnout:
SVGPNGPDFEPS
Nature a de luxe jsou doplňkové varianty. Bílé negativy jsou i pro
zbývající řady ve složce logo-zdroje/ (přípona -negativ).
Logo je kresba, ne text — vždy vkládejte
soubor z logo-zdroje/ a nikdy název nesázejte fontem jako náhradu loga.
Malé „beemy“ v logu je záměr a na psaný text se nevztahuje: v textu vždy
BeeMy.
4
Tlačítka
Zaoblení 16 px · stavy
Primární — normal
Primární — hover
Primární — active
Disabled
Sekundární — normal
Sekundární — hover
Sekundární — active
Ghost / odkaz
Živé stavy si vyzkoušíte najetím myší (hover) a stiskem (active) na tlačítka výše.
Text na barevných tlačítkách je tmavý odstín (šalvěj → #2E3A29, med → #523716)
kvůli dostatečnému kontrastu a jemnějšímu, prémiovému dojmu.
5
Produktová karta
Zaoblení 16 px · měkký stín
NovinkaProstor pro fotku produktu
Spánek & pohodlí
Dětské hnízdečko Oblázek
Měkoučké hnízdečko z 100% bavlny pro klidný a bezpečný spánek
vašeho miminka. Ručně šité s láskou.
1 490 Kč1 290 Kč
6
Hero sekce úvodní strany
Emotivní fotka + uvítací text
Vítejte v BeeMy
Něžný začátek pro ty nejmenší
Pečlivě vybraná výbavička pro vaše miminko — bezpečná, jemná a krásná.
Ať jsou první dny doma plné klidu a lásky.
📷
Prostor pro emotivní fotkumaminka s miminkem · teplé, měkké světlo
🍯 Vyrobeno s láskou
7
Kontrola před publikací
Projít u každé stránky, banneru i textu
Kontrast textu je přepočítaný na 4,5 : 1. Med jako text je #996423 (ne sytý #D9A05B),
růžová #BF4B3A, modrá #48758C, ztlumený text #746E64.
Název je psaný BeeMy — velké B i M, neskloňovaný. Malé beemy
jen v URL, e-mailech a názvech souborů.
Logo je vložené jako soubor z logo-zdroje/, ne vysázené fontem.
Na tmavém podkladu bílý negativ (-negativ).
Poměr barev sedí — zhruba dvě třetiny plochy jsou smetanové nebo bílé,
med a pastely jen jako akcent.
Žádná barva mimo paletu a nic ze seznamu „Barvy, které nepoužíváme“ —
ani přechody na pozadí sekcí, ani sytě barevná tlačítka.
Typografie — nadpisy Bariol (záloha Nunito), běžný text Open Sans.
Bariol nepatří na dlouhé odstavce.
Tvary — zaoblení 16 px (hero 24 px) a měkké stíny. Žádné ostré rohy ani tvrdé stíny.
Tón textu je klidný a konkrétní. Žádné verzálky přes celý text, řetězení vykřičníků
ani „MEGA SLEVA“.
Tenhle seznam je pro web a psaný obsah. Pro grafiku a AI výstupy
(bannery, obrázky) má vlastní checklist brand brief, sekce 8.
8
Ke stažení a zdroje
Brand brief, CSS a fonty
Hotové prompty
Zadání pro AI nástroje (ChatGPT, Midjourney, Canva) na obrázky i texty — každý prompt
s tlačítkem Kopírovat, ať se nepere s ručním označováním. Načítají se z brand briefu,
takže jsou vždy aktuální.
Zásady značky jako „palivo" pro AI a grafické nástroje (Canva, ChatGPT, Midjourney):
positioning, tón, motivy, formáty bannerů a hotové prompty. Otevře se jako text —
ideální ke kopírování po částech.
Přenositelný soubor s barvami, fonty a základními styly (tlačítka, karty).
Vlož ho do custom CSS šablony webu (např. Upgates), ať je e-shop na-brand bez ručního
opisování hexů. Font Bariol nahraj zvlášť (viz níže).