Design systém
Barvy, písmo, tlačítka, pilulky, karty a pozadí, ze kterých se poskládá celý web.
#000000
--color-bg · pozadí
#009BDD
--color-accent · CTA, zvýraznění, ikony
#FFFFFF
--color-fg · text
Odvozené odstíny (jen z těchto tří barev)
accent-bright
záře / „dobrý“ stav
accent-deep
tlumená / „špatný“ stav
surface
karta
surface-2
karta výš
Barevná verze: modré tělo, tři konce vždy bílé. Vlevo dole obrys, který se kreslí tahem (použití: piktogramy, finále, pečeť garance).
Display · 900 · široké (wdth 125)
Transformace, Ne Teorie
H1 · hero headline
Získej zpět svou energii, tělo ve formě, které budeš milovat a které tě bude hnát, ne limitovat…
Zhubnout, být ve formě, mít spoustu energie, to totiž není otázka sportu, ale biologie člověka a kontroly našich hormonů, jako třeba inzulin
H2 · 600 · normální písmena
Jdeme k jádru problému | Hormonu inzulin
H3
1 Mindset | aby stroj začal fungovat, musíš ho naprogramovat
Body · 400 · normální šířka
Nečekej žádné prázdné motivační řeči. Postavíme skutečně silné základy, na které poté navážeme strategiemi a konkrétním plánem.
Label
Tajemstvím za…
Hlavní tlačítko jemně pulzuje, při najetí myší se zvětší a víc rozzáří.
Vytvoř tělo, které budeš sám sobě závidět. Bez diet a sportu
Získej nekonečnou energii, zdraví a zbav se limitu, že forma je jen pro vyvolené.
Získej přesný plán, jak začít tvořit celoživotní stroj v kondici. Ne formu na léto. Bez počítání kalorií, bez hodin vaření.
Přes karty přejíždí lesk, při najetí se karta zvedne. Místo tečky přijde v hero animovaný piktogram (superhrdina, vězeň s koulí, cesta s vlaječkou).
Tečky · modré záření · obrys loga
VSL video (Vimeo)
dodá Šimon
Takhle je označené všechno, co ještě chybí (fotky, videa). Do ostrého webu nic takového nepůjde.