Brandbook · verze 1 · 26. 10. 2026

PocoPoco

Learn Spanish, poco a poco.

Appka: PocoPoco: Learn Spanish pocopoco.io Flutter · iOS + Android Maskot: Poco
Značka

Krůček po krůčku se dojde daleko

PocoPoco je mobilní appka na španělštinu pro děti i dospělé. „Poco a poco“ znamená krůček po krůčku – je to jméno, slogan i způsob učení: malé denní kroky a přesně vidět, kolik už umíš.

Hodnoty

  • Krok za krokem – malé denní dávky místo maratonů.
  • Poctivý pokrok – přesné číslo, kolik slovíček umíš.
  • Chyba je v pohodě – smějeme se s uživatelem, ne jemu.
  • Skutečný život – situace, ne gramatické tabulky.

Osobnost

Hravá, vřelá, trochu dramatická a sebeironická. Hravá, ale ne dětinská. Většinou klidná, občas poco loco.

Claim

Learn Spanish, poco a poco.

Hlavní trh USA, rozhraní anglicky (čeština jako druhý jazyk). Španělština přepínatelná: výchozí latinskoamerická, evropská jako volba.

Barvy

Chilli, plamen, šafrán

Chilli červená · primárníPoco, hlavní tlačítka, logo · ~10 % plochy
Šafránová · sekundárníLogo, ikona, Home, oslavy · celé plochy slavnostních obrazovek
Plamenná oranžová · akcentLoco mód, série dnů, denní cíl · ~5 %
Světle žlutá · pozadíObrazovky pro učení a čtení · ~60 %
Bílá · kartyKarty, odpovědi · ~25 %
Tmavě hnědá · textText, negativní pozadí loga
Písková · neutrálníPrázdné bary, špatná odpověď, zamčeno
Stopková zelená · úspěchStopka, správná odpověď, „umím“
Loco oranžová · stavPocovo tělo v loco módu
Tmavá chilli · hrana3D hrana tlačítek, ruce, chyby formulářů

Červená není chyba

Červená je pozitivní barva brandu. Špatná odpověď je šedá + zatřesení a Poco zbledne – nikdy ne červeně.

Dvě pozadí

Šafránová tam, kde se kouká a slaví (úvod, Home, dokončená situace, rekord). Světle žlutá tam, kde se čte (Situations, Practice, Progress).

Kontrast

Dvojice textu a pozadí s poměrem podle WCAG 2.2 AA: text aspoň 4,5 : 1, velký text a prvky rozhraní aspoň 3 : 1. Počítá se z tokenů.

Text na světle žluté
Text na šafránové
Bílá na chilli (tlačítko)
Tlumený text na světle žluté
Tlumený text na kartě
Správná odpověď
Červená na světle žluté
Bílá na zelené (tlačítko Continue)
Písmo

Baloo 2 a Nunito

Obě písma jsou variabilní (jeden soubor pro všechny řezy), s českými i španělskými znaky, pod licencí SIL Open Font License.

Baloo 2

Nadpisy, čísla, tlačítka · řez 800 (600 na podtitulky) · licence SIL OFL

Nunito

Text, odpovědi, popisky · řezy 400, 600, 700, 800 · licence SIL OFL

ÚroveňVelikostUkázka
Číslo · Baloo 2 80056 px412
Titulek obrazovky · Baloo 2 80028 pxYour progress
Otázka · Baloo 2 80025 pxHow do you say “The check, please”?
Karta · Baloo 2 80020 pxRestaurant · Advanced
Odpověď · Nunito 70017 pxLa cuenta, por favor
Text · Nunito 60015 pxPříliš žluťoučký kůň úpěl ďábelské ódy. ¿Qué tal? ñ
Popisek · Nunito 70014 px15 / 20 words

Velikosti jsou pro appku (logické pixely ve Flutteru), web používá škálu z tokens.css. Náhradní písma: Trebuchet MS, Segoe UI, system-ui, sans-serif. Soubory ve složce fonts/.

Komunikace

Krátce, vesele, s trochou španělštiny

Appka mluví anglicky, přátelsky a krátce (věty do 12 slov). Uživatele oslovuje „you“; ve španělských hláškách tyká (tú). Poco přidává krátké španělské výkřiky, kterým rozumí i začátečník.

Píšeme

  • Konkrétně: „15 / 20 words“, „412 words you know“
  • Povzbudivě po chybě: „Not quite – try again“
  • Slovesem na tlačítku: „Continue lesson“, „Review“
  • Španělské hlášky Poca: ¡Olé!, ¡Poco a poco!

Nepíšeme

  • „Wrong!“, „Error“, „Failed“ – nikdy nevyčítáme
  • Vykřičníky v systémových textech (mimo Poca)
  • „Simply“, „just“, „easy“ – nepodceňujeme učení
  • Gramatické termíny bez vysvětlení
KdeText (v appce)Překlad
TlačítkoContinue lessonPokračovat v lekci
ChybaThat didn’t save. Check your connection and try again.Neuložilo se to. Zkontroluj připojení a zkus to znovu.
Prázdný stavNo words to review yet. Finish a lesson and they’ll show up here.Zatím nic k opakování. Dokonči lekci a slovíčka se tu objeví.
PotvrzeníDaily goal done. ¡Poco a poco!Denní cíl splněn. Krůček po krůčku!
Špatná odpověď¡Ay, caramba! Not quite – it’s “la cuenta”.Ajaj! Skoro – je to „la cuenta“.
Obrázky a ikony

Ploché vektory a matné 3D

Ilustrace jsou ploché vektory se zaoblenými tvary, teplou paletou brandu a jemným světlým odleskem. 3D rendery jsou matné (žádné ostré odlesky v obličeji), na šafránovém nebo tmavém pozadí. Žádné stockové fotky lidí.

Ikony

Material Symbols, varianta Rounded (licence Apache 2.0), výplň ano, velikost 24–26 px, barva tmavě hnědá, aktivní chilli červená. Obtížnost se značí 1–3 papričkami.

Tvary

Zaoblení 16 px (tlačítka, odpovědi), 22 px (karty). Místo rozmazaného stínu plná spodní hrana 3–4 px v tmavším odstínu.

Prvky rozhraní

Bílé karty, 3D tlačítka, žádný stres

Tlačítka

Continue lesson

Review

Continue

Spodní hrana 4 px, při stisku zmizí a tlačítko klesne.

Odpovědi

La cuenta, por favor ✓
La carta, por favor
El menú, gracias

Správně zelená, špatně šedá + zatřesení.

Pokrok

Daily goal · 15 / 20 words

Restaurant · Advanced · 60 %

Mezery: 4 · 8 · 16 · 24 · 40 px. Zaoblení: 8 · 16 · 22 px. Okraj karet: 0 3px 0 v barvě --color-edge.

Maskot

Poco, malá chilli s velkým srdcem

Zvědavý, upřímný, trochu dramatický, dělá si legraci sám ze sebe. Nikdy se nesměje uživateli – směje se s ním. Většinou klidný, občas poco loco.

Osm výrazů Poca: radost, chyba, překvapení, zmatení, siesta, pýcha, loco a základ
Osm výrazů a kdy je použít – vektor poco-vyrazy.svg

Stavba a proporce

  • Zakroucená červená chilli, špička doprava; výška = 3 šířky ramen
  • Zelená čepička přesně stejně široká jako paprika, nepravidelné lístky
  • Stopka zahnutá doprava
  • Velké oči v horní třetině, růžové tváře, tenké ruce

Loco mód

  • Stopka → plameny (žluté u kořene, červené na špičkách)
  • Spirálové oči, otevřená pusa
  • Tělo do oranžova #e8481c
  • Jen při sérii, rekordu, bonusu

Nikdy

  • Nezezelená při chybě (zelená = správně) – zbledne
  • Nemá zuby
  • Jiné barvy než červená, oranžová (loco), bledá (chyba)
  • Čepička užší ani širší než paprika
3D Poco mává na šafránovém pozadí
3D Poco pro marketing – matné materiály
3D Poco v loco módu s plameny na tmavém pozadí
3D Poco v loco módu
Pohyb

Pružně, s přípravou a dozvukem

Skok: příprava, odraz, vznášení, dopad se zplácnutím, dozvuk, mávání, mrknutí

Načasování

Nic se nehýbe rovnoměrně: pomalá příprava, rychlá akce, pomalé dojezdy. Při dopadu zplácnutí a dozvuk jako pružina.

Setrvačnost

Stopka, ruce a hlava se zpožďují za tělem a dohoupou se. Oči přeskakují rychle a pak drží. Víčka se zavírají rychleji, než se otevírají.

Zvuk a hlas

¡Poco loco!

Poco mluví krátkými španělskými hláškami s vysokým, živým hlasem; mezi nimi „pocoština“ – španělsky znějící blábolení. Výslovnost slovíček v lekcích nikdy nemluví Poco, ale čistý rodilý hlas. Nahrávky přibudou v další verzi.

HláškaPřekladKdy
¡Hola!Ahoj!Otevření appky
¡Vamos!Jdeme!Začátek lekce
¡Olé!Bravo!Správná odpověď, dokončená situace
¡Ay, caramba!Ajaj!Špatná odpověď – vesele, nikdy vyčítavě
¡Poco a poco!Krůček po krůčku!Splněný denní cíl
¡Increíble!Neuvěřitelné!Lekce bez chyby
¡Poco loco!Trochu šílené!Série dnů, rekord, bonus
¡Cómo pica!To pálí!Těžká úroveň, loco mód
Buenas noches… zzzDobrou noc…Siesta – dlouho jsi nebyl v appce
Použití

V appce i mimo ni

Obrazovky aplikace: Home na šafránové, Situations, Practice a Progress na světle žluté
Home (šafránová), Situations, Practice, Progress (světle žlutá)
Profilový obrázek na sociální sítě: Poco na šafránovém pozadí
Profilový obrázek (400 × 400)
Úvodní obrázek na sociální sítě s logem a sloganem
Cover na sociální sítě (1500 × 500)
E-mailový podpis s Pocem, jménem a odkazem pocopoco.io
E-mailový podpis
Ke stažení

Soubory

Změny

Changelog