LTK Solutions · Brand
v1.0 · Máj 2026
ClubUp

Brand
manuál
ClubUp.

Vlastník
LTK Solutions s.r.o.
Repozitár
github.com/ltksolutions/clubup
Verzia
1.0
Strán
8
00 · Obsah

O dokumente

Krátky sprievodca, ako pracovať so značkou ClubUp v rozhraní, dokumentoch a komunikácii.

ClubUp je vzdelávací a riadiaci nástroj pre športové kluby a ich funkcionárov v rámci ekosystému SportUp.sk. Vizuálny systém zdieľa rovnakú DNA so sesterskými projektami sportup.sk a activity.sportup.sk — líši sa však tematickou paletou (klubová modrá) a ikonografickým slovníkom (vzdelávanie, tímy, kluby).

Tento manuál je záväzný pre dizajnérov, vývojárov aj autorov obsahu. Obsahuje hotové tokeny, knižnicu ikon, ukážky komponentov a sprievodcu hlasom značky.

Repozitár obsahuje aj: /brand/logo/ — všetky varianty loga (SVG), logo.html — export hub, icons.html — klikateľná knižnica 32 ikon, dev.html — sprievodca pre vývojárov s tokenmi a CSS premennými.

Obsah

01Logo a varianty primárne, mono, darkstr. 3
02Ochranná zóna a minimálna veľkosťstr. 4
03Zakázané použitia misusestr. 5
04Farby paleta a tokenystr. 6
05Typografia Poppins, JetBrains Monostr. 7
06Ikony 32 px set, stroke 1.8str. 8
07Spacing, mriežka, komponentystr. 9
08Hlas, tón a kontaktstr. 10
ClubUp Brand Manual v1.002 · Obsah
01 · Logo

Logo a varianty.

Štyri schválené verzie. Inú podobu loga nepoužívajte.

PRIMARY · plnofarebnéprimary
DARK · na tmavomdark
MONO NAVY · jednofarebné tmavémono-navy
MONO BLACK · tlač / faxmono-black

Kedy použiť ktorú

Primary — default voľba pre web, aplikáciu, marketing, digitálne materiály.

Dark — iba na tmavé pozadia (navy, čierna, tmavá fotka). Modrý akcent ostáva.

Mono navy — jednofarebná tlač, pečiatky, faxy, embossing, gravírovanie.

Mono biele — na fotografiách s nízkym kontrastom — vždy s 50% blackoutom alebo gradientom pozadia.

Formáty súborov

SVG — default pre web a tlač. Vždy preferujte vektor.

PNG @2x — sociálne siete, e-mail. Min. 1024×512.

PDF — tlač (vizitky, hlavičkové papiere, billboardy).

ICO/PNG 32×32 — favicon (zjednodušená značka, len symbol).

ClubUp Brand Manual v1.003 · Logo
02 · Ochranná zóna

Ochranná zóna a veľkosti.

Logu treba dychať. Nech ho neobchádza žiadny iný prvok.

Ochranná zóna = X

Minimálny odstup od loga ku ktorémukoľvek inému prvku (text, obrázok, okraj plátna) sa rovná výške písmena „C“ v slovnej značke. V manuáli ho označujeme X.

logo with clearspace
X
X
X
X

Minimálne veľkosti

Digital · plné logo120 px width min
Digital · symbol24 px width min
Tlač · plné logo25 mm width min
Tlač · symbol8 mm width min

Veľkostné štandardy

Vizitka — 30 mm

Hlavičkový papier — 45 mm

Web header — 140–180 px

Mobil app bar — 96 px (symbol)

Email signature — 120 px

ClubUp Brand Manual v1.004 · Ochranná zóna
03 · Zakázané použitia

Toto nikdy.

Šesť situácií, ktoré ničia identitu značky.

Nedeformujte — žiadne natiahnutie, sklon, perspektíva.
Nepoužívajte na rušivých, neurčených pozadiach.
Neprefarbujte — iba schválené farby.
Žiadne tiene, glow ani 3D efekty.
Neprehlušujte priehľadnosťou pod 100 %.
Logo nikdy neotáčajte ani nenakláňajte.
Pravidlo: ak vás napadne „čo keby som logo…“ — pravdepodobne to nesmiete. Ak si nie ste istý, kontaktujte držiteľa značky info@clubup.sk.
ClubUp Brand Manual v1.005 · Zakázané použitia
04 · Farby

Paleta.

Klubová modrá je primárna značková farba. Navy je hlas, blue je akcent.

Brand

#1A2D47
Navy — primaryRGB 26 · 45 · 71
CMYK 90 · 75 · 45 · 50
Pantone 2767 C
#388FC3
Blue — akcentRGB 56 · 143 · 195
CMYK 75 · 30 · 5 · 0
Pantone 2925 C
#E8F4FD
Pale — surfaceRGB 232 · 244 · 253
CMYK 8 · 2 · 0 · 0
Pantone 656 C

Neutrals

#0E1320
Inktext default
#8E8E92
Graymuted text
#E2E5EA
Lineborders, dividers
#F4F6F8
BGpage background

Semantic

#2E8B57
Successpotvrdenia, OK stavy
#E0A33E
Warningupozornenia
#C8453B
Dangerchyby, deštruktívne akcie
Použitie 60-30-10: 60 % plochy biela / pale, 30 % navy (hlavičky, akcenty, CTA pozadia), 10 % blue (linky, ikony, focus stavy, primárne tlačidlá).
ClubUp Brand Manual v1.006 · Farby
05 · Typografia

Typografia.

Poppins pre rozhranie a komunikáciu. JetBrains Mono pre kód a metadáta. Logotyp Helvetica Neue Black Italic (v krivkách).

Poppins — primárne písmo

Geometrické sans-serif. Voľne dostupné cez Google Fonts. Zhodné s ekosystémom SportUp.sk. Weights: 300, 400, 500, 600, 700, 800 + italic 400, 500, 700.

H1 / 44 / 700ClubUp pre kluby.
H2 / 28 / 700Vzdelávanie pre funkcionárov
H3 / 18 / 600Riadenie tímu od A po Z
Body / 13 / 400ClubUp je nadstavba SportUp.sk pre prezidentov, manažérov a trénerov klubov — štruktúrované kurzy, správa licencií, súťaží a financovania.
Small / 11 / 400Doplnkový text, popisky, metadata, captions.

Poppins italic — akcent

Italic 500/700 pre dôraz v nadpisoch a krátke citácie. Zhodný princíp ako pri SportUp.sk.

Display italic„Klub je viac než tréning — je to systém.“

JetBrains Mono — technické

Pre code-snippets, čísla v dashboardoch, štítky, krížové referencie a metadáta v UI.

Mono / 11 / 500--clubup-blue: #388FC3; /* primary accent */
Logotyp: Helvetica Neue Black Italic, weight 900 — v exportoch loga prevedené na krivky, takže font nie je potrebný v projekte.
Web fallback: font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
ClubUp Brand Manual v1.007 · Typografia
06 · Ikony

Ikonografický systém.

32 ikon · 24×24 grid · stroke 1.8 · navy s blue akcentom.

Pravidlá

Mriežka: 24×24 viewBox, padding 2 px, kresba v zóne 20×20.

Stroke: 1.8 px, stroke-linecap="round", stroke-linejoin="round".

Akcent: jeden modrý prvok (#388FC3) na ikonu — vyznačuje, čo je „aktívne“ alebo „nové“.

Veľkosti v UI: 16, 20, 24 (default), 32, 48 px. Vždy násobky 4.

Klub & tímy

club
team
member
role

Vzdelávanie

course
cert
lesson
progress

Riadenie

dashboard
calendar
finance
chart
Plný set 32 ikon nájdete v icons.html — klikateľná galéria s kópiou SVG do schránky a prepínaním veľkostí.
ClubUp Brand Manual v1.008 · Ikony
07 · Spacing & komponenty

Mriežka, spacing, komponenty.

8-bodový systém. Všetky odsadenia sú násobky 4 px.

Spacing tokens

4
8
12
16
24
32
48
64

Border radius

xs4pxbadges, tags
sm6pxbuttons, inputs
md8pxicon containers
lg12pxcards, panels
xl16pxmodals
full9999pxpills, avatars

Elevation

flat0
card0 1px 2px rgba(0,0,0,.06)
popover0 4px 14px rgba(14,19,32,.08)
modal0 16px 40px rgba(14,19,32,.16)

Komponentová DNA

Kurz funkcionára

Card · padding 14/16 · radius 12 · ikona v pale chip-e 32×32.

Tím a roly

Štandardná štruktúra: ikona → titulok 12/600 → popis 10/gray.

Dashboard

Mriežka 12 stĺpcov · gap 24 · cards radius 12.

Tlačidlá

Padding 8/16 · radius 6 · weight 500 · font-size 11–14 · žiadne tiene v default stave.

ClubUp Brand Manual v1.009 · Spacing & komponenty
08 · Hlas

Hlas a tón.

Hovoríme s funkcionármi klubov — teda s ľuďmi, ktorí vedú dobrovoľníkov, deti a seniorov zároveň.

✓ Áno

Konkrétne, vecné, bez korpoblábolu. „Nahrajte zoznam hráčov a my pripravíme licenčné karty.“

✕ Nie

Marketingové frázy: „Synergický ekosystém pre digitálnu transformáciu klubového manažmentu.“

✓ Áno

Tykáme funkcionárom (klubová atmosféra), vykáme úradom (zväz, ministerstvo).

✕ Nie

Anglicizmy tam, kde existuje slušná slovenská alternatíva: „onboarding“ → „uvedenie“.

✓ Áno

Krátke vety, aktívny rod. „Klub schvaľuje rozpočet.“ nie „Rozpočet je schvaľovaný klubom.“

✕ Nie

Snobský právnický jazyk. „Prejavom súhlasu uvedeným v zmysle…“

Mikrokopy — časté frázy

KontextPoužiťNepoužívať
Prázdny stavTu zatiaľ nič nie je. Pridajte prvý kurz.No data available.
ChybaNiečo sa nepodarilo — skúste to znova.An error has occurred.
ÚspechHotovo. Prihláška je odoslaná.Successfully submitted.
PotvrdenieNaozaj zmazať tím Žilina U15?Are you sure?

Vzťah k sesterským značkám

SportUp.sk

Hlavná platforma. Zelená paleta. Pre športovcov a širokú verejnosť.

Activity

Tracker tréningov a aktivít. Oranžová paleta. Pre individuálnych užívateľov.

ClubUp.sk

Riadenie a vzdelávanie pre kluby. Modrá paleta. Pre funkcionárov.

Kontakt — držiteľ značky
LTK Solutions s.r.o. · info@clubup.sk
Repozitár: github.com/ltksolutions/clubup · Otázky a žiadosti o úpravu manuálu cez Issues.
ClubUp Brand Manual v1.0 · © LTK Solutions 202610 · Hlas & kontakt