Doteky Mystéria — Brand Manuál

01

Filozofie značky

Doteky Mystéria je prostor pro práci s tělem i duší. Vizuální identita odráží tento dvojí charakter: seriosnost a klid skrze stříbrno-modrou paletu, hloubku a intimitu skrze serif typografii, a jemnou mystiku skrze dekorativní prvky inspirované hvězdnou oblohou.

Značka musí vždy působit profesionálně, klidně a důvěryhodně — nikoli okázale ani komerčně.

02

Barevná paleta

Primární barva je petrolejová modrá #135E7C — barva Ioniqu, inspirace klidem a hloubkou. Doplňuje ji stříbrno-šedá škála evokující ranní světlo a mlhu.

Modrá — hlavní

#135E7C

Logo, akcenty, tlačítka, nadpisy sekcí

Modrá — tmavá

#0D4259

Hover stavy, tmavá pozadí, gradienty

Modrá — hlubší

#092E3E

Tmavá pozadí (hero foto, noční tóny)

Modrá — světlá

#E4F1F6

Jemná zvýraznění, hover pozadí

Text — hlavní

#1C2B34

Nadpisy, tělo textu, primární obsah

Text — sekundární

#5A6E78

Perex, popisky, méně důležitý text

Stříbrná — tmavá

#7A8B95

Metainformace, datum, autor

Stříbrná

#B8C4CC

Oddělovače, gradient accent

Stříbrná — střední

#DDE3E7

Pozadí sekcí, hero gradient

Stříbrná — světlá

#F0F3F5

Karty, navigace, světlé plochy

Pozadí stránky

#F8FAFB

Základní pozadí webu

Ohraničení

#CDD6DB

Rámečky karet, oddělovače

03

Typografie

Značka používá pouze systémové fonty — žádné externí závislosti. Kombinace Georgia (serif) a Arial (sans-serif) vytváří kontrast mezi hloubkou a precizností.

Primární font — Serif / Nadpisy & tělo textu

Bezpečný prostor pro dotek na těle i na duši

Georgia, 'Times New Roman', serif font-weight: normal (400) line-height: 1.75

Sekundární font — Sans-serif / Navigace, labely, tlačítka

Systemické Konstelace · Kraniosakrální Terapie

Arial, Helvetica, sans-serif text-transform: uppercase letter-spacing: 0.14–0.2em

Prvek	Font	Velikost	Styl
H1 — hlavní nadpis	Georgia, serif	2.9 rem (≈ 46px)	font-weight: normal, line-height: 1.2
H2 — sekce	Georgia, serif	2.0 rem (≈ 32px)	font-weight: normal
H3 — podnadpis	Georgia, serif	1.15 rem (≈ 18px)	font-weight: normal
Tělo textu	Georgia, serif	1.0 rem (≈ 16px)	color: #5A6E78, line-height: 1.78
Navigace / menu	Arial, sans-serif	0.88 rem (≈ 14px)	color: #5A6E78
Sekční labely	Arial, sans-serif	0.7 rem (≈ 11px)	uppercase, letter-spacing: 0.16em, color: #135E7C
Tlačítka	Arial, sans-serif	0.88 rem (≈ 14px)	font-weight: normal
Metainfo / popisky	Arial, sans-serif	0.72–0.82 rem	color: #7A8B95

04

Logo

Logo je SVG monogram DM — písmena D a M vzájemně přiblížená, s vodorovnou linkou a tečkou pod písmeny. Linka evokuje horizontální rovinatost a klid; tečka je bod vědomí nebo hvězda.

Logo je vždy ve vektoru (.svg). Nikdy nepoužívej rastrový obrázek tam, kde je možné použít SVG.

Základní použitíSvětlé pozadí — primární varianta

Inverzní variantaTmavé pozadí — bílé logo

Doteky Mystéria

Luboš Miřatský

Logo s názvemVertikální varianta — tiskové materiály

Doteky Mystéria

Luboš Miřatský · Konstelace · Kranio

Logo s textem vedleNavigace, hlavičkový papír

Soubory loga

Soubor	Použití
logo-dm.svg	Základní logo bez textu — web, ikony, favicon podklad
logo-dm-s-textem.svg	Logo + název — tisk, vizitky, hlavičkový papír
carka-s-teckou.svg	Dekorativní prvek — sekční oddělovače, prezentace

05

Dekorativní prvky

Každý prvek vychází z jednoduché geometrie — linky, tečky, gradient. Nikdy není ornamentální pro svůj vlastní účel; vždy slouží jako vizuální kotva nebo rytmus.

Čárka s tečkou

Sekční label, navigace, hero tag. Vždy barva #135E7C. SVG, škálovatelné.

Gradientní pruh

Horní linka webu. Gradient: #B8C4CC → #DDE3E7 → #135E7C → #0D4259. Výška 3px.

Systemické konstelace

900 Kč · 90 minut

Modrý levý akcent

3px modrá čára vlevo na kartách a blocích. Značí kategorii nebo důraz.

Referenční citát…

Modrá spodní/horní linka

4px horizontální linka na kartách — spodní nebo horní hrana. Ukončuje kompozici.

gradient: silver → blue

Gradient linka (foto)

Horní hrana foto boxů. Gradient stříbrná → modrá, výška 4px.

"

Sezení mi změnilo pohled…

Citát & uvozovky

Reference a citáty: velké uvozovky Georgia, opacity 0.2, barva #135E7C. Tělo kurzívou.

06

Tlačítka & UI

Rezervovat termín Více informací Rezervovat →

Tlačítko	Barva	Použití
Primární (plné)	#135E7C, text bílý	Hlavní CTA — rezervace, odeslání formuláře
Sekundární (outline)	border #B8C4CC, text #5A6E78	Vedlejší akce — „více info", zpět
Terciární (blue outline)	border #135E7C, text #135E7C	Inline akce — „rezervovat" na termínech

Obecná pravidla: border-radius vždy 3px (nikoliv kulaté). Hover efekt: translateY(-1px) a tmavší barva pozadí.

07

Pravidla použití

✓ Správně

Logo vždy v #135E7C nebo bílé (na tmavém pozadí)
Nadpisy vždy v Georgia, bez bold
Navigační texty vždy v Arial, uppercase, s letter-spacing
CTA tlačítka vždy v plné modré nebo stříbrném outline
Dekorativní linka s tečkou vždy před sekčními labely
Logo v minimální velikosti 32px výška

✗ Zakázáno

Nepoužívej logo v jiné barvě než #135E7C nebo bílé
Nepřidávej k logu stíny, gradienty ani efekty
Nepoužívej bold na nadpisy — elegance tkví v lehkosti
Nepoužívej jiné fonty (Google Fonts, custom) — jen Georgia + Arial
Nevkládej logo na barevné pozadí, které nesouvisí s paletou
Nedeformuj proporce loga (zachovej poměr stran)

08

Grafické soubory

Soubor	Formát	Použití
logo-dm.svg	SVG vektor	Web, ikony, favicon podklad, digitální materiály
logo-dm-s-textem.svg	SVG vektor	Vizitky, hlavičkový papír, prezentace, tisk
carka-s-teckou.svg	SVG vektor	Sekční labely, oddělovače, prezentace, sociální sítě
brand-manual.html	HTML	Tento dokument — reference pro všechny materiály

Všechny soubory jsou uloženy ve složce /grafika/. Soubory ve formátu SVG lze otevřít v prohlížeči, Inkscape, Adobe Illustrator nebo Figma.