Stačí 7 minut denně, klidně cestou na procházku. Štěně, útulkáč i pětiletý tahoun se učí úplně stejně. Bez dojíždění na cvičák.
Učí dvojnásobný mistr světa, ale stránka nezní jako cvičák. Zní jako barevný psí komiks: ruční poznámky, tenisáky, skutečný Adam a skuteční psi. Proč: klient chce hravěji a bez bílé, a masa kupuje z telefonu palcem.
Barevné sekce s pilou, emoji jako ikony, tenisáky a ruční šipky. Žádná šedobílá stránka.
Psí humor se směje situaci a páníčkovi, nikdy psovi. „Pes za to nemůže.“
2× mistr světa, velká čísla a jasný cíl do 14 dní. Bez křiku a bez drezury.
Barvy ze současného webu jsme nechali, jen jsme jim dali jednu roli. Pozadí je teď krém tenisáku, ne bílá ani šedá.
Barevná sekce přijde každé 2 až 3 sekce, nikdy dvě za sebou. Pastel říká, o čem sekce je. Pila nahoře a dole sekci „utrhne“ jako lístek.
Světlé sekce s bílými kartami. Bolest, jak to funguje, komunita, FAQ.
Recenze a přínosy. Zelená = co pomohlo.
Klidná sekce, aby barva neunavila.
Sekce o Adamovi a závěrečná sekce.
Poradna a péče navíc.
Neodkládej. Červená jen v písmu a ✕, nikdy plocha.
Provozovatel, obchodní podmínky, kontakt.
Kdo jen skenuje, přečte tučné vsuvky a pochopí. Kontrast jsme změřili, ne odhadli.
| Ukázka | Kombinace | Kontrast | AA |
|---|---|---|---|
| Hlavní text | navy na krému | 11,8 : 1 | ano |
| Metadata | #33476E na bílé (datum, „z osobního tréninku“) | 9,3 : 1 | ano |
| do 14 dní | akcent na krému | 7,8 : 1 | ano |
| 🐶 Jdu do toho! | navy na zeleném CTA | 5,0 : 1 | ano |
| Bílá na CTA | bílá na zelené (dnešní web) | 2,5 : 1 | ne, nepoužívat |
| 2 490 Kč | bílá na červené ceně | 5,3 : 1 | ano |
| ✅ S kurzem | zelená #1E7B3C na bílé / na mátě | 5,3 : 1 / 4,5 : 1 | ano |
| ✕ Ruka jak guma | červené písmo #B3201C na růžové | 5,5 : 1 | ano |
| Patička | bílá 100 / 85 % na navy | 12,5 : 1 | ano |
| žlutá | žlutá tenisáku jako písmo na krému | 1,2 : 1 | ne, jen zvýrazňovač |
Na skutečných nadpisech z wireframu. Úsek má 1 až 4 slova a je v toku textu, bez vynuceného zalomení.
Linka je SVG pod frází, v toku textu. Víceřádková fráze má linku pod každým řádkem. Zelená = co pomohlo (1 až 2 na recenzi). Červená = jak to bylo dřív (nejvýš 1, jen vedle zelené). Text pod linkou zůstává navy, jen tučně.
Texty doslova z Google recenzí (input/recenze.md), včetně překlepů. Recenze jsou z osobních tréninků, na stránce s mostem „Online kurz stojí na stejném systému“.
Zelená, červená a žlutá už na webu jsou. Teď má každá jen jednu práci a brand modrou nepřebijí.
Pozitivní stav červeným textem a dvě signální barvy v jednom prvku:
U nás: pes přiběhne napoprvé 🎁
Červená se čte jako chyba (pravidlo mobilu 5f). Správně: mátový boxík se štítkem nahoře a navy textem.
Obě z Google Fonts, zdarma i pro komerční web. Figtree je přátelský grotesk s kulatým „o“: hravý, ale ne dětský. Inter ze starého webu je na každém druhém AI webu.
Nadpisy 800, čísla a cena 900, tělo 500 s tučnými vsuvkami 700 až 800.
tohle chceš! Adam
Jen pár slov u obrazu: šipka v hero, mostek, poradna, podpis pod garancí. Nikdy nadpis ani odstavec.
Příliš žluťoučký kůň úpěl ďábelské ódy. ŘŮŽE Ďábel Ťuk
Příliš žluťoučký kůň úpěl ďábelské ódy. ŘŮŽE Ďábel Ťuk
Desktop vlevo, mobil 390 vpravo. Čím větší písmo, tím těsnější proklad. Šířka nadpisu je v ch, aby se nerozlezl.
Stačí 7 minut denně, klidně cestou na procházku. Bez dojíždění na cvičák.
Pes se naučí koukat na tebe, ne na každou veverku. Ty víš, co mu říct. On ví, co chceš.
Z osobního tréninku s Adamem · Google recenze
každé úterý!
Stačí 7 minut denně, klidně cestou na procházku. Štěně, útulkáč i pětiletý tahoun se učí úplně stejně.
🐶 Jdu do toho!Tahá tě ke každému sloupu. Ty jdeš tam, kam chce on.
Každý tag z wireframu má jednu komponentu. Žádná karta nemá barevný pruh na jednom boku.
Produktový nahoře, výkřik pod ním. Nikdy vedle sebe. Barva podle role slova v H2.
Číslo je jedna hodnota v kódu (data-zbyva na <body>), plní všechny výskyty. Klient mění jednou denně.
Sekce „Proč jen 50 míst“: 50 tenisáků. Obsazená místa se zašedí podle stejné hodnoty data-zbyva.
Ne až na potřetí. Ne až dojí cizí svačinu. Konečně ho pustíš na volno a nebudeš se bát.
Vodítko se prověsí a ruka si odpočine. Procházka bude zase vaše společná chvíle.
Nezáleží na tom, co zažil dřív. Učí se stejně jako každý jiný pes.
Na mobilu tři úzké pruhy pod sebou (asi 56 px), nikdy tři karty vedle sebe.
Adam
Tvář, pečeť a podpis. Žádný další obraz.
Jednorázová platba, žádné předplatné.
🐶 Koupit kurz za 2 490 KčTmavé dlaždice s názvem písmem, dokud nedorazí logo.
Pravidla agentury pro mobil platí na celé stránce. Ukázka slideru je výš (recenze a bolest): zúžte okno pod 768 px.
Recenze, bolest, každý pes, kroky, přínosy, spolu celý život, komunita. Karta 88 % šířky, kousek další vykukuje, šipky ← → a počítadlo „1 / 8“. Za poslední zpět na první. Auto posun po 3 s, když je vidět a nikdo nesahá.
UGC 9 : 16 jako slider, video 64 % šířky, šipky a počítadlo „1 / 3“. Nikdy se samo neposune. Při omezeném pohybu se nic nehýbe ani u karet.
Výřez fotky podle fotky (object-position, aspect-ratio). Adam i pes celí, nejmenší pes vždy celý. Karta s fotkou nahoru a dolů, jméno jako štítek přes fotku.
| Tag wireframu | Barva | Komponenta na webu |
|---|---|---|
| [PŘÍNOS], recenze | zelená, máta | bubliny recenzí se zeleným podtržením, bento #01 až #04, čísla, ✅ |
| [BOLEST] | červená, růžová | karty s jednou metaforou, ✕, červené podtržení, štítek urgence |
| [STARÝ] | šeď | karta „Cvičák“ přeškrtnutá |
| [BONUS] péče navíc | žlutá tenisáku | karty péče na pastelu, odznak „🎁 v ceně“ |
| [SCARCITY] | červená | počitadlo s odznakem pod každým CTA, 50 tenisáků |
| [CTA] | zelená | pilulka „🐶 Jdu do toho!“ s navy textem, na střed |
| Cena | červená plocha | jediná velká červená karta, obří bílá cena, kupon |
| Garance 💎 | zelená | pečeť 14 dní + tvář Adama + podpis |
| [ŠTÍTEK], Adam, fakt | modrá | štítek značky, barevné slovo, sekce Adam a Finále v modrém pastelu |
| [LOGA], [VIDEO] | navy, šeď | tmavé dlaždice, VSL 16 : 9, UGC 9 : 16 |
| [FAQ] | bílá, linky | details v rámečku, + v akcentu |