Bolder

Kdy pouzit

Siahnete po /impeccable bolder, kdyz rozhrani vypada jako kazde jine rozhrani. Obecny bezpatkovy, stredni vahy, mekke stiny, skromny akcent, rozumne rozestupy, nezapsatnutelne. Neni spatne, jen je to bezpecne. Pouzijte bolder, kdyz projekt unese pritomnost a soucasny stav neprinasi zadnou.

Nepouzivejte na dashboardy, do kterych lide hledi hodiny. Smelost ziska sve misto na marketingovych strankach, hero momentech a obsahovych funkcich. Ne v operátorskych nastrojich.

Jak to funguje

Dovednost zesili ctyri osy bez naruseni pouzitelnosti:

1. Meritko: display typografie je tlaena na clamp(3rem, 6vw, 6rem) nebo dal. Nadpisy, ktere vyplnuji viewport, ne se mu vyhybuji.
2. Kontrast vah: lehka 300 proti tezke 800 misto stredni proti regular. Skutecne napeti, ne pokrceni ramen.
3. Zavaznost barev: akcentova barva se objevuje v plne sile, ne redena. Pozadi mohou mit postoj (ink, akcent, krem) misto vseho papiru.
4. Kompozicni sebeduvery: asymetrie, mimo mrizku, pullquotes, visici interpunkce, skoky v meritku. Layout ma hlas.

Dovednost nepridava vice. Zesiluji to, co jiz existuje. Pokud ma design tri barvy, bolder nepridava ctvrtou, zavazuje se vice ke trem.

Vyzkousejte to

/impeccable bolder the landing page hero

Ocekavane zmeny:

• Hero nadpis z 3rem na clamp(3.5rem, 7vw, 6.5rem), display font, vaha 700
• Podnadpis z regular na kurzivy pri 1.5rem, posunuty o 8px doleva od nadpisu pro optickou zarovnani
• Pozadi prechazi z papiru do gradientu kremu k papiru, vytvarejici teplejsi kontejner
• CTA tlacitko vyplnuje, stin odstranen, polomer zaobleni snizen, hover stav invertuje barvy
• Podpurny obrazek jemne posunuty mimo mrizku se zapornym hornim okrajem, vytvarejici asymetrii

Na co si dat pozor

• Spusteni na spatne strance. Produktove dashboardy, nastaveni a formularove by nemely byt smele. Maji byt citelne. Pouzijte /impeccable layout nebo /impeccable polish.
• Zamena smeleho s hlasitym. Smely znamena zavazany a sebavedomy. Hlasity znamena krici. Bolder je ten prvni. Pokud vysledek pripada agresivni, navazte na /impeccable quieter.
• Parovani s /impeccable delight ve stejnem pruchodu. Delight funguje nejlepe proti stabilnimu vizualnimu zakladu. Nejprve smeleji, stabilizujte, pak potesete.