/impeccable bolder
Bolder
Tolj biztonságos dizájnjokat hatás felé káoszba csúszás nélkül.
Mikor használd
Nyúlj az /impeccable bolder parancshoz, amikor a felület úgy néz ki, mint minden más felület. Általános sans, közepes súlyok, puha árnyékok, szerény hangsúly szín, ésszerű térköz, felejthető. A dizájn nem rossz, csak biztonságos. Használd a bolder-t, amikor egy projekt bírja a jelenlétet, és a jelenlegi állapot nem hoz semennyit.
Ne használd olyan irányítópultokon, amiket az emberek órákig bámulnak. A merészség marketing oldalakon, hero pillanatokban és tartalom funkciókon keresi meg a helyét. Nem operátori eszközökben.
Hogyan működik
A skill négy tengelyen erősít a használhatóság megtörése nélkül:
- Méret: a display tipográfia clamp(3rem, 6vw, 6rem) vagy afölé kerül. Címsorok, amelyek kitöltik a nézetablakot, nem kikerülik azt.
- Súly kontraszt: könnyű 300 nehéz 800 ellen közepes és normál helyett. Valódi feszültség, nem vállrándítás.
- Szín elköteleződés: a hangsúly szín teljes erősséggel jelenik meg, nem hígítva. A hátterek vállalhatnak álláspontot (ink, accent, cream) az összes papír helyett.
- Kompozíciós magabiztosság: aszimmetria, rácson kívüli, idézőjelek, lógó központozás, méret ugrások. Az elrendezésnek van hangja.
A skill nem ad hozzá többet. Erősíti azt, ami már ott van. Ha a dizájnban három szín van, a bolder nem ad hozzá negyediket, hanem elkötelezőbbé teszi a hármat.
Próbáld ki
/impeccable bolder the landing page hero
Várható változtatások:
- Hero címsor 3rem-ről clamp(3.5rem, 7vw, 6.5rem)-re, display betű, súly 700
- Alcímsor normálról dőltre 1.5rem-en, a címsortól 8px-balra húzva optikai igazításért
- Háttér vált papírról krém-papír gradiensre, melegebb konténert teremtve
- CTA gomb kitölt, árnyék eltávolítva, szegély-sugár csökkentve, hover állapot invertálja a színeket
- Támogató kép enyhén rácson kívülre tolva negatív felső margóval, aszimmetriát teremtve
Csapdák
- Rossz oldalon futtatni. Termék irányítópultok, beállítások és űrlapok nem lehetnek merészek. Olvashatóak kell lenniük. Használd az
/impeccable layoutvagy/impeccable polishparancsot helyette. - Összetéveszteni a merészet a hangossal. Merész elkötelezett és magabiztos. Hangos kiabáló. A Bolder az előbbi. Ha az eredmény agresszívnek hat, futtasd utána az
/impeccable quieter-t. - Ugyanabban a menetben párosítani az
/impeccable delight-tal. A Delight stabil vizuális alap vonalán működik a legjobban. Előbb merész, stabilizál, aztán delight.