Browse commands

/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:

  1. 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.
  2. 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.
  3. 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.
  4. 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 layout vagy /impeccable polish parancsot 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.