BeeMy logo

Vizuální styleguide
& design systém

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“.
NikdyNeonová růžová #FF4FA3 · čistá černá #000000 · studená šeď #9AA7B4 · sytá žlutá #FFC300 · přechody na pozadí sekcí
1

Typografická hierarchie

Bariol / Nunito pro nadpisy · Open Sans pro text
H1 · Nadpis stránky — Bariol / Nunito Bold · 52 px

Něžný start pro vaše miminko

H2 · Sekční nadpis — Bariol / Nunito Bold · 34 px

Vše, co vaše hnízdečko potřebuje

H3 · Podnadpis — Bariol / Nunito SemiBold · 22 px

Vybráno s láskou a péčí

Body · Běžný text — Open Sans Regular · 16 px

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
#FAF6F0 Primární pozadí
Hřejivý med
#D9A05B Sekundární brandová barva, akcenty
Břidlicová šeď
#3A3A3A Texty a nadpisy
Šalvějová zelená
#A3B19B Akcent hlavních tlačítek
Holčičí růžová
#E7B7B0 Jemný akcent, štítky (holčičí řada)
Klučičí modrá
#A9C5D3 Jemný 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í text Vedlejší a ztlumený text Mandlová smetana · pozadí stránky
Nadpisy a hlavní text Vedlejší a ztlumený text Bí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á — pozadí a karty, nejvíc prostoru Šalvěj — hlavní tlačítka a akce Med 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á #FF4FA3 Křiklavá a dětinská. Naše růžová je tlumená #E7B7B0 — ta drží prémiovost.
Čistá černá #000000 Tvrdá a studená. Logo má teplé #040606, text #3A3A3A — rozdíl je vidět.
Studená šeď #9AA7B4 Nemocniční, úzkostná. Celá naše neutrální řada je teplá, do smetanova.
Sytá žlutá a zlatá #FFC300 Pů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.

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
Novinka Prostor 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í fotku maminka 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

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

Otevřít prompty

brand-brief.md

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.

Otevřít brand brief

beemy-brand.css

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

Stáhnout CSS

Font Bariol (OTF)

Firemní nadpisový font. Stáhni potřebné řezy a nahraj je k webu nebo do nástroje. Licenci Bariolu ověř před komerčním nasazením.

Řezy: Regular Bold Light Thin Italic