|Brand manuálLogo
Na bielom pozadíNa svetlom pozadíNa tmavom pozadí — biela verziaNa zelenej — biela verziaLogo je v projekte dostupné vo formáte WebP. Iné formáty (SVG, PNG) nie sú v repozitári.
Farby
Zdroj: tailwind.config.ts → theme.extend.colors.primary
Primary Green
primary-500
Hlavná zelená — primárna farba, CTA, accenty
Dark Green
primary-900
Tmavá zelená — texty, tmavé pozadie
Light Green
primary-50
Svetlá zelená — pozadie sekcií
Mid Green
primary-400
Stredná zelená — hover stavy
Black
—
Čierna — texty
White
—
Biela — pozadie, karty
Typografia
src/app/layout.tsx → import { Sora } from "next/font/google"H1 · 48px · font-extrabold · text-primary-900
Tepovanie sedačiek Košice
H2 · 36px · font-bold · text-primary-900
Prečo si zákazníci vyberajú Jovitep
H3 · 24px · font-semibold · text-primary-900
Garancia pretepovania zadarmo
Body · 16px · font-normal · text-gray-700
Z vašej sedačky odíde špina aj zápach, na ktorý ste si zvykli. Dôkladne odsávame, takže sedačka nezostane premočená, rýchlo vyschne a krásne vonia.
Small · 12px · font-medium · text-gray-500
Ceny platia pre uvedené rozmery. Bez záväzku. Platíte až po dokončení práce.
Knižnica ikon
Zdroj: /public/icons/ — PNG, WebP a SVG formáty. Prejdite kurzorom na ikonu pre stiahnutie.
Hlas značky
✓Jovitep komunikuje ako
- ✓Priateľsky — ako sused, ktorý dobre poradí
- ✓Jasne — bez žargónu, každý rozumie
- ✓Dôveryhodne — reálne výsledky, žiadne prísľuby
- ✓Férovo — cena vopred, žiadne prekvapenia
- ✓Bez stresu — zákazník sa nemá čoho báť
✗Nikdy nie
- ✗Arogantne — "Iní to nerobia tak dobre"
- ✗Prísľuby bez krytia — "100% výsledok garantovaný"
- ✗Technický žargón — "nano-enzymatická dekontaminácia"
- ✗Urgencia bez dôvodu — "Posledné miesta!"
- ✗Formálny, studený tón — "Vážený zákazník"
✓ Správne
“Z vašej sedačky odíde špina aj zápach. Platíte až keď uvidíte výsledok.”
✗ Nesprávne
“Naša revolučná technológia zaručuje 100% elimináciu všetkých nečistôt!”
CSS tokeny
Reálne hodnoty z tailwind.config.ts a src/app/layout.tsx.
/* ─── Jovitep — design tokeny (zdroj: tailwind.config.ts) ─── */ /* Farby (tailwind.config.ts → theme.extend.colors.primary) */ --color-primary: #289e64; /* primary-500 */ --color-primary-dark: #082014; /* primary-900 */ --color-primary-mid: #33af79; /* primary-400 */ --color-primary-light: #e6f5ee; /* primary-50 */ --color-primary-medium: #ccebdd; /* primary-100 */ /* Typografia (src/app/layout.tsx → Sora from next/font/google) */ --font-sans: 'Sora', system-ui, sans-serif; /* Tailwind utility triedy */ /* bg-primary-500 text-primary-500 border-primary-500 */ /* bg-primary-900 text-primary-900 */ /* bg-primary-50 hover:bg-primary-400 */
Pravidlá použitia
✓Robiť
- ✓Logo vždy na bielom alebo svetlom podklade
- ✓Na tmavom pozadí použiť bielu (invertovanú) verziu loga
- ✓Font Sora vo všetkých textoch a materiáloch
- ✓Primárna zelená #289e64 ako hlavná akcentová farba
- ✓Ikonky z /public/icons/ — konzistentné s webom
- ✓CTA tlačidlá v primary-500 s bielym textom
- ✓Texty v primary-900 (#082014) alebo šedej
- ✓Responzívny dizajn — mobile first
✗Nerobiť
- ✗Deformovať alebo naťahovať logo
- ✗Meniť farby loga
- ✗Umiestňovať logo na rušné fotografie bez podkladu
- ✗Používať iné fonty než Sora
- ✗Používať farby mimo brand palety
- ✗Miešať externé ikonky s Jovitep ikonkami
- ✗Písať celé slová veľkými písmenami (CAPS LOCK)
- ✗CTA tlačidlá vo výrazne odlišných farbách