Tento manuál definuje pravidla pro používání loga, barev a typografie značky MILO.
Cílem je, aby značka vypadala stejně konzistentně na webu, v aplikaci,
na dresu týmu i v exportovaném reportu pro trenéra.
Verze 1.1
Aktualizovánočerven 2026
RozsahLogo · Barvy · Typografie · Aplikace · Soubory ke stažení
01Logo
Základní podoba
Primární logo MILO se skládá ze dvou částí: znaku (ikona ve čtverci se zaoblenými rohy)
a nápisu MILO ve fontu Space Grotesk. Obě části se vždy používají společně
v definovaném poměru a rozestupu — viz kapitola 05.
MILO
Znak — zaoblený čtverec s liniovým M
Nápis — Space Grotesk, řez Bold (700)
Mezera = 0,4 × výška znaku
02Konstrukce znaku
Znak není náhoda.
Linie uvnitř znaku se čte jako písmeno M — a zároveň jako
graf tréninkové zátěže: tři vrcholy, jeden pro každou fázi tréninkového dne
(dopoledne · odpoledne · suchá příprava), oddělené dvěma údolími odpočinku.
Celá konstrukce stojí na pravidelné mřížce.
Jak číst mřížku
sloupec, řádek
Mřížka má 22 sloupců a 22 řádků (modul = 1/22 šířky znaku).
Červeně vyznačený prostřední vrchol leží na sloupci 11 a řádku 6 —
přesně na průsečíku mřížky. Stejně tak všech zbylých 6 bodů znaku.
Poloměr rohu
R = 1/4 šířky
Při referenční velikosti 44 px je poloměr 11 px.
Tloušťka linie
8 % šířky znaku
Kulaté zakončení a kulaté napojení (round cap / round join) — linie nikdy nemá ostré rohy.
03Ochranná zóna a minimální velikost
Logu se musí dýchat.
Kolem loga musí být vždy volný prostor bez textu, jiných znaků nebo okraje plochy.
Pod minimální velikostí ztrácí nápis čitelnost — v takovém případě se používá pouze samotný znak.
Ochranná zóna = R
Minimální volný okraj na všech stranách = poloměr rohu znaku (R). Žádný jiný prvek nesmí tuto zónu narušit.
Minimální velikost
48 px✓ OK
24 px✓ OK
16 px✓ Favicon
9 px✗ Příliš malé
Samostatný znak: min. 16 px (web/app) · 8 mm (tisk). Znak + nápis: min. 96 px šířky (web/app) · 20 mm (tisk).
04Barevné varianty loga
Čtyři verze. Jedno pravidlo.
Znak vždy kontrastuje s plochou, na které stojí. Na světlém pozadí je znak tmavý se zelenou linkou.
Na tmavém pozadí se otáčí — zelená plocha, tmavá linka.
Primární
Tmavý znak + zelená linka. Pro světlé a bílé pozadí.
Invertovaná
Zelený znak + tmavá linka. Pro tmavé pozadí.
Mono — tmavá
Jedna barva. Razítka, gravírování, černobílý tisk.
Mono — bílá
Pro fotografie, barevné pozadí, dres týmu.
05Logo a nápis
Tři podoby pro tři místa.
Horizontální verze je primární. Vertikální se používá pro čtvercové formáty.
Samostatný znak je vyhrazen pro ikony aplikací a favicony.
Znak je jednoduchý a má vydržet v malém měřítku. Jakákoli úprava ho oslabuje — i drobná.
✕
NeroztahovatZnak se neškáluje nerovnoměrně. Vždy zachovej poměr stran 1:1.
✕
NeotáčetZnak stojí vždy rovně, bez náklonu nebo rotace.
✕
Neměnit barvyPoužívej jen definované barevné varianty z kapitoly 04. Žádné jiné kombinace.
✕
Nepřidávat efektyŽádné stíny, přechody barev ani obrysy. Znak je plochý.
✕
Nepokládat na rušné pozadíPozadí pod znakem musí být klidné a kontrastní — žádné vzory ani přeplácané fotky.
MILO
✕
Neměnit mezery a prostrkáníRozestup znaku a nápisu i prostrkání písmen jsou fixní — viz kapitoly 01 a 08.
07Barevná paleta
Pět barev. Žádná navíc.
Paleta je úzká záměrně. Zelená je jediný akcent v celém systému — díky tomu má váhu.
MILO Green
HEX #3DFF8F RGB 61, 255, 143
Primární akcent
Green Dark
HEX #00B854 RGB 0, 184, 84
Popisky, UI akcenty
Ink
HEX #0A0A0A RGB 10, 10, 10
Text, tmavé plochy
Off-White
HEX #F5F5F2 RGB 245, 245, 242
Pozadí ploch
Border
HEX #E0E0E0 RGB 224, 224, 224
Dělící linky
Dim
HEX #969696 RGB 150, 150, 150
Sekundární text
Zelená a text: #3DFF8F používej jen jako plochu, ikonu nebo zvýraznění pozadí (mark) —
nikdy jako barvu textu na světlém podkladu, kontrast je nedostatečný. Pro krátké popisky a UI akcenty
použij Green Dark (#00B854). Běžný textový obsah je vždy v barvě Ink.
08Typografie
Dva fonty. Jasné role.
Space Grotesk nese identitu značky — nadpisy, logo, čísla. Inter nese obsah — odstavce, popisky, UI text.
Space Grotesk
Display · Bold 700
MILO 0123
Space Grotesk
Labely, UI · Medium 600
CO MILO SLEDUJE
Inter
Odstavce · Light 300
Zaznamenat trénink bylo vždy otrava — MILO to mění.
AaRegular
AaMedium
AaSemiBold
AaBold
Prostrkání (letter-spacing): nápis MILO a všechny nadpisy ve Space Grotesk Bold mají
záporné prostrkání přibližně −3 % velikosti písma (např. −3,5 px při 108 px). Čím větší písmo, tím těsnější.
09Akronym jako vizuální prvek
M-I-L-O vlastními slovy.
Rozepsaný akronym je samostatný brand prvek používaný na úvodních stránkách a v materiálech,
kde se MILO vysvětluje poprvé. Vždy ve čtyřech stejně širokých sloupcích s tenkým rámečkem.
M
Monitoring
Denní sledování spánku, regenerace a stavu těla.
I
Intensity
RPE škála — jak těžký trénink skutečně byl.
L
Log
Denní záznam — co se odehrálo, jak to bylo náročné.
O
Output
Výstup každého dne viditelný pro tebe i trenéra.
10Logo v praxi
Tři místa, kde logo žije.
Ikona aplikace
Invertovaná varianta — zelená plocha, tmavý znak. Bez nápisu, bez ochranné zóny navíc.
Nášivka na dres
Mono-tmavá varianta na bílém kruhu. Funguje na jakékoli barvě dresu.
EXPORT_TYDEN.XLSX
Hlavička exportu / reportu
Primární horizontální lockup v záhlaví dokumentů a Excel exportů pro trenéry.
11Soubory ke stažení
Hotové soubory. Žádné kreslení.
Všechny varianty loga jsou připravené jako PNG (s průhledným pozadím) a SVG (vektor).
Nápis MILO je v souborech převedený na vektorové cesty — zobrazí se správně i tam,
kde není nainstalovaný font Space Grotesk, včetně Canva.
ZIP balíček · 8 variant × PNG + SVG
milo-logo-pack.zip
Ikony, lockupy i samostatný nápis. Včetně návodu pro Canva.