Vinařství POCHOP

Brandbook

Vinařství POCHOP je rodinné vinařství z Mutěnic. Identita značky odráží poctivé řemeslo, klid moravských vinic a radost z každé povedené láhve. Tento brandbook shrnuje vizuální stavební kameny — barvy, typografii, logo a UI komponenty — tak, aby se web i další materiály drželi jedné linky.

Barvy

brand-black je hlavní tmavé pozadí webu. brand-black-soft používáme pro karty a vyvýšené plochy, aby vznikla jemná hloubka.

brand-gold je primární akcent — nadpisy, CTA, ikony. brand-gold-dim je ztlumená varianta pro méně důležité prvky a hover stavy. brand-cream je hlavní barva textu na tmavém pozadí — nikdy ne čistě bílá.

Hlavní

bg-brand-black

Token: --color-brand-black
Hex: —
Použití: Primární pozadí webu

bg-brand-gold

Token: --color-brand-gold
Hex: —
Použití: Primární akcent, CTA, nadpisy

bg-brand-cream

Token: --color-brand-cream
Hex: —
Použití: Text na tmavém pozadí

Doplňkové

bg-brand-black-soft

Token: --color-brand-black-soft
Hex: —
Použití: Karty, vyvýšené plochy

bg-brand-gold-dim

Token: --color-brand-gold-dim
Hex: —
Použití: Ztlumený akcent, hover stavy

Typografie

Adam je displejový řez značky — používáme ho pouze pro logo a hero nadpisy (jedno slovo, vždy uppercase).

Raleway je nadpisový font (h1–h6, section-title, btn-gold). Používáme tenké váhy (100–300) s rozšířeným letter-spacingem tracking-brand (0.25em) pro uppercase popisky.

Open Sans je písmo pro běžný text. Váhy 300–400 pro odstavce, 500–600 jen výjimečně pro zvýraznění.

--font-brandPOCHOP

Adam

Displejový řez — pouze logo a hero

--font-displayRodinné vinařství

Raleway

Nadpisy, section-title, btn-gold, popisky

--font-bodyPoctivě vyráběná moravská vína s duší.

Open Sans

Odstavce a běžný text

Typografická škála

h1 / displayNadpis úrovně 1

h2 / sectionNadpis úrovně 2

.section-titleSection title

h3Nadpis úrovně 3

body / largeJednoho dne jsem si řekl, že zkusím vyrobit vlastní víno.

bodyDnes dělám víno tak, jak ho mám rád.

label / uppercaseOdrůda · ročník · sladkost

Logo

Logo se skládá ze slova POCHOP (Adam, black weight) a volitelného podtitulku Vinařství (Raleway, light, uppercase, tracking 0.5em). Samotné POCHOP používáme tam, kde už je kontext značky zřejmý (web header, social avatar). Variantu s podtitulkem volíme pro materiály, kde značka stojí osamoceně.

Minimální velikost logotypu je 24 px výšky. Kolem loga udržujeme drobnou ochrannou zónu — žádný jiný prvek se nesmí dotýkat jeho obrysu. Logo nikdy nerotujeme, nezrcadlíme ani nestínujeme — pracujeme jen s barevnými variantami brand-gold (na tmavém pozadí) a brand-black (na světlém/cream pozadí).

Stáhnout logo kit (ZIP)

4 SVG varianty (gold/black × s/bez podtitulku) + README. Ochranná zóna je součástí každého souboru.

Primární — gold

Reverzní — na cream

S podtitulkem — gold

S podtitulkem — na cream

Jak mluvíme

Mluvíme klidně, osobně a upřímně. Jako vinař, který naleje sklenku a řekne pár vět o tom, proč víno zrovna chutná tak, jak chutná. Vyhýbáme se marketingovým superlativům a hluchým frázím typu „prémiový" nebo „vysoce kvalitní".

Klíčová slova: rodinné, poctivé, moravské, řemeslné, s duší.

Komponenty

.btn-gold

.section-title + .section-subtitle

Nabídka vín

Intro text sekce s jemnou zlatou lištou pod nadpisem.

WineCard

Ryzlink rýnský

2025suché

Pálava

2025sladké

Stat block (sekce O nás)

Mutěnice

Jižní Morava

2018

Založeno

Odrůd