Bolder

Milloin käyttää

Turvaudu /impeccable bolder-komentoon kun käyttöliittymä näyttää samalta kuin kaikki muutkin käyttöliittymät. Geneerinen sans, medium-painot, pehmeät varjot, vaatimaton aksenttiväri, kohtuullinen välistys, unohtumaton. Suunnittelu ei ole väärin, se on vain turvallista. Käytä bolderia kun projekti voi kantaa läsnäoloa ja nykytila ei tuo mitään.

Älä käytä sitä kojelaudoissa joita ihmiset tuijottavat tunteja. Rohkeus ansaitsee paikkansa markkinointisivuilla, hero-hetkinä ja sisältöominaisuuksissa. Ei operaatiotyökaluissa.

Miten se toimii

Taito vahvistaa neljää akselia rikkomatta käytettävyyttä:

1. Koko: näyttötypografia työnnetään clamp(3rem, 6vw, 6rem) tai sen yli. Otsikot jotka täyttävät näkymän, eivät kiertele sitä.
2. Painokontrasti: kevyt 300 raskasta 800:a vastaan mediumin sijaan regularia vastaan. Oikeaa jännitettä, ei olankohautusta.
3. Värisitoutuminen: aksenttiväri näkyy täydellä voimalla, ei laimennettuna. Taustat voivat ottaa kannan (muste, aksentti, kerma) paperin sijaan kaikkialla.
4. Sommittelullinen itseluottamus: epäsymmetria, ruudukon ulkopuolella, lainausløydökset, riippuva välimerkintä, koko-hypyt. Asettelulla on ääni.

Taito ei lisää enempää. Se vahvistaa mitä jo on. Jos suunnittelussa on kolme väriä, bolder ei lisää neljättä, se sitoutuu voimakkaammin kolmeen.

Kokeile

/impeccable bolder the landing page hero

Odotetut muutokset:

• Hero-otsikko 3rem:stä clamp(3.5rem, 7vw, 6.5rem):ään, näyttöfontti, paino 700
• Alaotsikko regularista kursiiviin 1.5rem:ssä, vedettynä 8px vasemmalle otsikosta optista kohdistusta varten
• Tausta vaihtuu paperista kerma-paperi-liukuväriin, luoden lämpimämmän säiliön
• CTA-painike täyttää, varjo poistettu, reunan kaarevuus pienennetty, hover-tila kääntää värit
• Tukikuva työnnetty hieman ruudukon ulkopuolelle negatiivisella ylämarginaalilla, luoden epäsymmetriaa

Sudenkuopat

• Ajaminen väärällä sivulla. Tuotekojelaudat, asetukset ja lomakkeet eivät saisi olla rohkeita. Niiden pitäisi olla luettavia. Käytä /impeccable layout tai /impeccable polish sen sijaan.
• Rohkeuden ja äänekkyyden sekoittaminen. Rohkea tarkoittaa sitoutunutta ja itsenäistä. Äänekäs tarkoittaa huutamista. Bolder on edellinen. Jos tulos tuntuu aggressiiviselta, seuraa /impeccable quieter.
• Yhdistäminen /impeccable delight-komennon kanssa samassa läpikäynnissä. Delight toimii parhaiten vakaata visuaalista perustaa vasten. Rohkeuta ensin, vakauta, sitten ilahduta.