Poctivá dílna. Nová energie.

Kompletní živý manuál značky ELEKOLA pro web, tisk, dílnu i sociální sítě. Čistě, hravě a kulatě.

01 — Úvod

Kdo jsme a proč to děláme

Martinova ELEKOLA je rodinná dílna ve Frýdku-Místku. Z kol, která už lidé znají a mají rádi, děláme spolehlivá elektrokola. Motor, baterii i servis vybíráme podle skutečného použití – ne podle marketingového katalogu.

Čistě

Méně prvků, jasná hierarchie a dostatek vzduchu.

Kulatě

Rádius vyjadřuje vstřícnost, ne hračkaření.

Jedna žlutá akce

Žlutá vede k jednomu nejdůležitějšímu kroku.

Skutečná dílna

Ukazujeme práci, kola a lidi takoví, jací jsou.

Parťák, ne prodejce

Radíme s jistotou, lidsky a bez příkras.

02 — Logo

Značka, která má prostor

Používáme jen originální PNG, zachováváme poměr stran a kolem loga necháváme ochrannou zónu o výšce písmene E.

Bílá · plnobarevné (vektor od Martina)

Křída · plnobarevné

Asfalt · na tmavé (ELE žlutá, zbytek bílá)

Žlutá · jen jednobarevná černá (plnobarevné se na žluté ztrácí)

Jednobarevná bílá · tisk, polep, tmavá fotka s podkladem

Nápis bez hřebene · nízké formáty (patička, podpis, polep)

Znak · hřeben Lysé hory s vysílačem (avatar, favicon, razítko); i žlutá a bílá varianta

Ochranná zóna = 1× výška písmene E na všech stranách.

Minimum: 24 px na výšku pro web, 8 mm pro tisk. Vektor: zdroj je Martinův logo_final.pdf (11 variant: logo / nápis / znak × barevně, černě, bíle, žlutě); SVG níže jsou z něj vyříznuté s brand barvami. Jednobarevná žlutá jen na Asfaltu.

Takto ne

Nedeformovat

Bez stínu

Nepřebarvovat

Ne na fotku

Bez obrysu

Favikona a ikona aplikace

Žlutá dlaždice s rádiusem 22 %, na ní znak (hřeben s vysílačem) a „E“ z nápisu. Pod 48 px má hřeben zesílený tah, aby zůstal čitelný; iOS ikona je bez zaoblení (systém ho dodá). Nikdy celé logo do čtverce.

ELEKOLA · přestavby kol na elektrokola

03 — Barvy

Žlutá je signál

Paleta stojí na světlých plochách, technické černé a akční žluté. Nebe je nový hravý podklad – nikdy text. Funkční barvy patří pouze stavům.

Elektro žlutá#F2BB05 · akce

Tmavá žlutá#C99A00 · hover

Světlá žlutá#FBE9A6 · podklad

Asfalt#111111 · text

Grafit#2B2B2B · tmavé plochy

Ocel#4A4A4A · text

Hliník#8A8A8A · popisky

Beton#D9D6CE · linky

Oblak#F2F2F2 · ikony

Křída#F7F6F2 · podklad

Bílá#FFFFFF · karty

Nebe#DCE9F5 · nikdy text

OK#2F8F4E · stav

Chyba#D93B2B · stav

Info#2F6FB0 · stav

60 %30 %10 %

Kombinace	Poměr WCAG	Použití
Asfalt na Žluté	10,69:1	AAA · tlačítka
Bílá na Žluté	1,77:1	Nikdy pro text
Žlutá na Bílé	1,77:1	Jen dekor
Bílá na Asfaltu	18,88:1	AAA
Ocel na Křídě	8,20:1	AAA
Info na Bílé	5,22:1	AA · stav
Chyba na Bílé	4,55:1	AA · stav

04 — Typografie

Dvě rodiny, jasné role

Bricolage Grotesque 800 vede titulky a čísla. Rubik 400/500/600 nese text a ovládací prvky. Titulky píšeme větně; verzálky patří jen labelům.

Display · 88

Nová energie

H1 · 60

Z vašeho kola uděláme parádní elektrokolo

H2 · 40

Motor podle toho, jak jezdíte

H3 · 26

Poctivá montáž ve Frýdku-Místku

Perex · 20

Příliš žluťoučký kůň úpěl ďábelské ódy

Text · 17

Probereme trasu, kopce i rozpočet. Pak doporučíme sadu.

Label · 13

Ověřeno v dílně

Cena · 32

33 790 Kč · 750 W · 960 Wh · 120 km

Ano

Z vašeho kola uděláme parádní elektrokolo.

Text držíme do 68 znaků na řádek. Rubik: 400, 500 a 600. Čísla: Bricolage 800 a tabulární sazba.

05 — Tvary a rádius

Kulatost podle velikosti

Čtyři rádiusy tvoří přátelský systém. Karty nemají stín; hloubku dělá podklad a 1px linka Beton.

10 pxPole, chipy, obrázky

16 pxKarty a panely

24 pxHero a galerie

PillTlačítka, badge, avatar

Stíny ne

Jen sticky lišta, dialog a otevřené menu smí plovoucí stín.

1 px Beton

Jemně odděluje karty.

3 px Žlutá

Akcentní linka vede pozornost.

06 — Ikony

Jednoduché tahy, kulaté konce

Lucide, mřížka 24 px, tah 2 px, kulaté zakončení a spojení. Jedna barva, funkce před dekorací; kruhy mají 40 nebo 64 px.

Kolo

Baterie

Výkon

Servis

Svoz

Záruka

Telefon

E-mail

Zpráva

Recenze

Čas

Hotovo

07 — Tlačítka

Jedna jasná akce

Pilulka, Rubik 600, větná kapitalizace. Výšky 44 / 52 / 60 px, vodorovný padding 20 / 28 / 36 px, ikona 20 px a mezera 10 px.

Úplná matice · každá kombinace ve vlastní obrazovce

Primary · smVybrat sadu

Secondary · smPorovnat

Ghost · smDetail

Primary · md Zavolat

Secondary · md Napsat

Ghost · mdJak to funguje

Primary · lgChci elektrokolo

Secondary · lgNejdřív poradit

Ghost · lgZjistit víc

Tmavý podklad · jedna žlutá akce

Chci doporučit sadu 605 442 493

Stavy

default

hover: Oblak

focus ring

disabled

Ano · jedna žlutá

Žlutá vede na hlavní krok.

Ne · tři žluté

Když je všechno primární, není primární nic.

08 — Komponenty

Stavebnice skutečného webu

Nejsou to obrázky. Ukázky používají skutečné třídy z app.css a české znaky ř č ě ů ď ť ň.

Nejprodávanější

Bafang M420 · sada

Tichý středový motor pro město i beskydské kopce.

750 Wvýkon

960 Whbaterie

120 kmdojezd

Štítky a pole

Skladem Novinka 750 W

Jak přestavba funguje

01Zavoláme siProbereme kolo.

02Svezeme koloPo celé ČR zdarma.

03JedeteDo 14 dnů.

★★★★★

„Martin mi vysvětlil rozdíl mezi motory bez technické omáčky. Kolo jede skvěle a kabely jsou schované čistě.“

Jiří z Třince
Ověřená přestavba · 09/2026

Kontakt

Zavolejte Martinovi

605 442 493

Zavolat WhatsApp

info@elekola.cz

Dílna

Bruzovská 1816

738 01 Frýdek-Místek

Otevřít v mapách

Denně 8–20

Pondělí: 8–20
Úterý: 8–20
Středa: 8–20
Čtvrtek: 8–20
Pátek: 8–20
Sobota: 8–20
Neděle: 8–20

Firma

Martinova ELEKOLA s.r.o.

IČO: 11651334
Sídlo: č. ev. 110
739 51 Vyšní Lhoty
Reklamační adresa: Bruzovská 1816
738 01 Frýdek-Místek

09 — Hlavička a patička

Pevný rám značky

Černá hlavička bez žluté linky: logo, odkazy Rubik 16/500, telefon v bílé outline pilulce a jedna žlutá CTA. Černá patička začíná bílou zaoblenou presence kartou.

Přestavby Sady605 442 493Chci poradit

Obsah webu

Vzdušná světlá sekce.

10 — Fotografie

Skutečná kola, skutečná dílna

Vlastní přestavby v Beskydech, detail motoru a kabeláže, Martin při práci i zákazníci s kolem. Denní světlo a neutrální barvy.

Hero · rádius 24 px
Hotové kolo v krajině nebo člověk při práci.

Ano

Vlastní kola, detail řemesla, lidé v akci; obrázek v kartě má 10 px.

AI, stock, neonové filtry, aranžované úsměvy a logo na rušné fotce.

11 — Tón hlasu

Mluvíme jako parťák z dílny

Přímo, srozumitelně a technicky jistě. Vykáme s malým v, píšeme krátké věty a čísla místo prázdných přívlastků.

Místo…	Pište…
Inovativní řešení mobility.	Z vašeho kola uděláme elektrokolo.
Nadstandardní výkon.	Motor má 750 W.
Kontaktujte zákaznický servis.	Zavolejte Martinovi.
Realizace v krátkém termínu.	Kolo máte zpět zpravidla do 14 dnů.
Exkluzivní nabídka.	Do 30. 9. ušetříte 2 200 Kč.
Vhodné pro každého.	Řekněte, kde jezdíte. Ověříme, zda sada sedí.
Spokojenost je prioritou.	Když něco nesedí, opravíme to.
Bezplatná doprava.	Pro kolo přijedeme po celé ČR zdarma.

Zakázáno: prémiový, revoluční, unikátní, synergie, VELKÁÁÁ AKCE!!! Jednotky s mezerou: 750 W, 48 V, 120 km, 33 790 Kč. Používejte pomlčku –.

12 — Grid a spacing

Rytmus po osmi pixelech

Desktop: 12 sloupců / 1280 px / gutter 24 px / okraj 80 px. Mobil: 4 sloupce / gutter 16 px / okraj 20 px.

13 — Aplikace

Značka mimo web

Stejná hierarchie funguje na vizitce, sítích, e-shopu, v e-mailu i na dodávce. Mění se formát, ne pravidla.

Vizitka · 85 × 55 mm

Martin Pohludka
605 442 493
info@elekola.cz
Frýdek-Místek

Líc logo; rub kontakt. Žlutá jen akcent.

Sítě · 1080 × 1350

E-shop Shoptet

Hlavička #111, primary #F2BB05, černý text. Když Rubik není dostupný, nejbližší systémový bezpatkový font.

E-mailový podpis

Martin Pohludka
Martinova ELEKOLA s.r.o.
605 442 493 · info@elekola.cz
Přestavby kol · Frýdek-Místek

Polep dodávky

Velké logo, telefon čitelný z odstupu a jediná zpráva: „Z vašeho kola elektrokolo.“

Dílna

Logo, „Přestavby a servis“, telefon a otevírací doba. Žlutá jen orientuje.

14 — Ke stažení

Jediná pravda pro tvorbu

Tokeny určují hodnoty systému, tento manuál jejich použití. Assety jsou lokální a fonty self-hosted pod OFL.

Design tokeny v2
tokens.css · kanonické hodnoty Logo plnobarevné
elekola-logo.svg · vektor Logo na tmavé
elekola-logo-on-dark.svg Logo jednobarevné černé
elekola-logo-black.svg Logo jednobarevné bílé
elekola-logo-white.svg Logo jednobarevné žluté
elekola-logo-yellow.svg · jen na Asfalt Nápis bez hřebene
elekola-wordmark.svg (+ -black, -white, -yellow)Znak
elekola-mark.svg (+ -white, -yellow)Favikona
favicon.svg (+ .ico, PNG 16–512, iOS 180)Původní PNG
elekola-logo.png · 472×227

Bricolage Grotesque + Rubik
static/fonts · SIL Open Font License 1.1

Tento živý manuál
Jediná pravda pro pravidla značky.

15 — Changelog

Co se změnilo ve v2

Aktualizováno 12. 9. 2026 podle rozhodnutí Petra a zkušeností z ostrého webu.

v1 · 09/2026

Barlow Condensed
Titulky verzálkami
Rádius 0
Hranatá tlačítka
Kontakt jako černý blok

v2 · 12. 9. 2026

Bricolage + Rubik
Titulky větně
Rádius 10 / 16 / 24 / pill
Nebe jako nová barva
Pilulky a světlý Kontakt

Poctivá dílna. Nová energie.

Čistě

Kulatě

Jedna žlutá akce

Skutečná dílna

Parťák, ne prodejce

Takto ne

Favikona a ikona aplikace

Stíny ne

1 px Beton

3 px Žlutá

Tmavý podklad · jedna žlutá akce

Bafang M420 · sada

Štítky a pole

Jak přestavba funguje

Zavolejte Martinovi

Bruzovská 1816

Denně 8–20

Martinova ELEKOLA s.r.o.

Vzdušná světlá sekce.

Vizitka · 85 × 55 mm

Sítě · 1080 × 1350

750 W do beskydských kopců

E-shop Shoptet

E-mailový podpis

Polep dodávky

Dílna

v1 · 09/2026

v2 · 12. 9. 2026