Logo
Wordmark AjemFIT® + 3-listý piktogram. Oficiální vektory renderované inline (currentColor) → themuje na jakoukoliv barvu. Tři varianty (lockup / mark / wordmark) × tři barevné verze (brand / černá / bílá).
Varianty
Lockup (mark + wordmark) je výchozí. Samotný mark pro malé plochy / favicon / avatar. Wordmark tam, kde mark nesedí.
primary · lockup
mark · piktogram
wordmark
<Logo variant="primary | mark | wordmark" height=… onDark? />. Wordmark JE General Sans („Ajem“ 500 + „FIT“ 700) — renderujeme oficiální vektory, ne text, aby seděl kerning a ®.Barevné verze
Pozitivní = brand green na světlém. Negativní = bílá na tmavém. Černá pro jednobarevný tisk. Themuje přes currentColor (text-* token).
brandblackwhiteStatické SVG (mark / name / full × brand / black / white) jsou v public/brand/ pro externí použití (emaily, OG, tisk).
Na podkladech
Pozitiv na světlém a sage, negativ na tmavém, na kategoriálních barvách a na topografickém patternu. Vždy drž dostatečný kontrast.
Ochranná zóna a velikosti
Minimální volný prostor kolem loga = šířka písmene A. Nic do něj nesmí zasahovat. Lockup nepoužívej menší než ~96px na šířku, samotný mark od 24px.
Ochranná zóna
Padding ≈ výška loga (zhruba šířka „A“).
Min. velikosti
lockup 16px ↓ nečitelné
mark min 24px
Pravidla použití
Zakázané použití (z manuálu):
- Deformace nebo roztažení loga mimo původní poměry.
- Naklánění nebo otáčení loga.
- Použití jiného písma než schváleného logotypu (General Sans).
- Přidávání neautorizovaných claimů, sloganů nebo textů.
- Nedostatečný kontrast loga vůči podkladu.
- Umisťování loga do ohraničení (rámečků, tahů, linek).
Props API
<Logo>
components/shared/logo.tsx| Prop | Typ | Default | Použití |
|---|---|---|---|
| variant | "primary" | "mark" | "wordmark" | "primary" | Lockup / piktogram / wordmark |
| height | number | 22 | Výška v px; šířka škáluje poměrem |
| onDark | boolean | false | Bílá/negativní verze pro tmavé plochy |
| className | string | — | Přepiš tón přes text-* (např. text-black) |