Brand Styleguide
Deaf Group
Vizuálna referencia pre dizajnérov, fotografov a externých spolupracovníkov. Jediný zdroj pravdy o farbách, typografii, komponentoch a tóne značky.
deafgroup.sk · Veľký Krtíš · Registrovaný sociálny podnik
Logo
Standalone mark (vidlička + tehla v hexagóne) — používa sa na favicon, social avatar, kompaktné aplikácie.
✓Áno
- • Voľný priestor okolo logu = výška symbolu (icon)
- • Min. veľkosť full logo: 24px height
- • Min. veľkosť mark only: 16px (favicon size)
- • Použiť SVG kde sa dá (vektorová ostrosť)
- • Na tmavom pozadí použiť invertovanú verziu
✗Nie
- • Nedeformovať proporcie (žiadne stretching)
- • Neaplikovať shadow/glow priamo na logo
- • Nepoužívať PNG keď je SVG dostupné
- • Nemeniť farbu okrem black / white / brand color
- • Neumiestňovať na zaneprázdnené foto bez backdrop
Farebná paleta
Tri brand farby + neutrálne. Coral je hlavný accent, green = social impact, yellow = projektové poradenstvo, dark = stavebníctvo a dôraz.
Typografia
Typeface: Urbanist (Google Fonts) — geometrický sans-serif. Váhy: 400 Regular, 600 SemiBold, 700 Bold. Slovak diakritika a latin-ext supportovaná.
Display (Hero h1) — text-7xl xl:text-8xl, font-bold, leading-[1.05]
Profesionálne služby
Section heading (h2) — text-3xl sm:text-4xl lg:text-5xl xl:text-6xl, font-bold, leading-[1.05], text-balance
Naše skúsenosti hovoria za nás
Subsection heading (h3) — text-2xl sm:text-3xl lg:text-4xl, font-bold
Stravovacie služby
Body large — text-lg, leading-relaxed
Spájame špičkovú kvalitu v stavebníctve a gastronómii s poslaním vytvárať zmysluplné pracovné príležitosti.
Body — text-base, leading-relaxed
Deaf Group s.r.o. je registrovaný sociálny podnik, ktorý vznikol s cieľom premeniť osobnú životnú skúsenosť na hodnotný a funkčný podnikateľský model.
Kicker / eyebrow — text-xs sm:text-sm, uppercase, tracking-[0.22em], font-semibold + dash
Tlačidlá
Primary — .btn-primary
Outline — .btn-outline
Hover stav: oba tlačidlá konvergujú do primary farby + lift translateY(-2px) + glow shadow. Šípka v outline buttone sa pri hoveri posunie o 3px doprava.
Kicker labels
Editorial-style "eyebrow" nad headingom — dash + uppercase text. Slúži ako kategória alebo téma sekcie. Farba dashu je brand-specific.
textClass={text-secondary-text} · dashClass={bg-secondary-text}
textClass={text-primary-text} · dashClass={bg-primary-text}
textClass={text-secondary-text} · dashClass={bg-secondary-text}
textClass={text-text-dark} · dashClass={bg-tertiary}
Badges & pills
Solid service pills (Stats karty + Services labels)
bg-{accent} + text-white (tertiary používa dark text pre kontrast)
Verification pill (Hero badge — animated check)
Brand sources strip (Píšu o nás)
Karty
Sieť prevádzok
Stravovacie zariadenia vo viacerých mestách.
Stravovacie služby
Gastronómia
rounded-2xl, p-6 / p-8, biely podklad s borderom alebo solid brand color
Ikonografia
Lucide-style outline ikony, stroke 2-2.2px, rounded line caps & joins. Nikdy filled. Štandardné veľkosti: 16, 20, 24, 32, 40 px.
Fotografie
- • Lifestyle > staged — preferuj reálne momenty pred študiovou inscenáciou
- • Mäkké denné svetlo — okno, ráno/popoludní; žiadne tvrdé tiene
- • Teplé tóny — peach, krémová, zlatistá; brand farby vo svete fotky
- • Skutoční ľudia — Pavel a tím; nie stock photo
Spacing & radii
- .section — vertikálny padding 5rem mobile / 6rem desktop
- max-w-7xl mx-auto — content container (1280 px max)
- gap-6 — card grid gap (24px)
- gap-12 / gap-16 — section interior column gap
- max-w-2xl/3xl — text content max-width pre čitateľnosť
- rounded-2xl — veľké karty (16px) — hexagonal feel z loga
- rounded-xl — stredné karty / icon boxy (12px)
- rounded-lg — form inputs, malé prvky (8px)
- rounded-full — badges, ikon kruhy, dots
- .btn-* radius — 1rem (16px) — geometric, nie pill
Tón a hlas
- Slovenčina v sentence case — "O našich službách", nie "O Našich Službách".
- Žiadne osamotené predložky/spojky — jednopísmenné slová (a, i, o, s, u, v, z, k) majú non-breaking space cez
noOrphans(). - Autenticky, nie charity-coded — sociálny rozmer je súčasťou príbehu, nikdy headline.
- Profesionálna vrelosť — sebavedomé v kvalite, štedré v tóne. Nikdy neúprimne sladké.
- Konkrétne > abstraktné — pomenuj prevádzky (jedlokrtis, navarime), služby, ľudí. Vyhni sa generic corporate-speak.
- Slogany krátke, ostré — "Profesionálne služby s ľudským rozmerom", "Naše skúsenosti hovoria za nás".