Browse commands

/impeccable bolder

Bolder

Skub sikre designs mod gennemslagskraft uden at glide over i kaos.

Hvornår du skal bruge den

Grib efter /impeccable bolder, når grænsefladen ligner alle andre grænseflader. Generisk sans, medium vægt, bløde skygger, besked accent-farve, rimelig afstand, glemmelig. Designet er ikke forkert, det er bare sikkert. Brug bolder, når et projekt kan bære tilstedeværelse, og den nuværende tilstand ikke bringer nogen.

Brug den ikke på dashboards folk stirrer på i timevis. Modighed tjener sin plads på markedsføringssider, hero-øjeblikke og indholdsfeatures. Ikke i operatørværktøjer.

Hvordan det virker

Færdigheden forstærker fire akser uden at ødelægge brugbarheden:

  1. Skala: display-type skubbes til clamp(3rem, 6vw, 6rem) eller derudover. Overskrifter der fylder viewporten, ikke hæmmer den.
  2. Vægtkontrast: let 300 mod tung 800 i stedet for medium mod regular. reel spænding, ikke et træk på skuldrene.
  3. Farveforpligtelse: accent-farven vises ved fuld styrke, ikke fortyndet. Baggrunde kan tage et standpunkt (ink, accent, creme) i stedet for alt-papir.
  4. Sammensætnings-selvtillid: asymmetri, uden for gitter, pullquotes, hængende tegnsætning, skala-spring. Layoutet har en stemme.

Færdigheden tilføjer ikke mere. Den forstærker det der allerede er der. Hvis designet har tre farver, tilføjer bolder ikke en fjerde, den forpligter sig stærkere til de tre.

Prøv det

/impeccable bolder the landing page hero

Forventede ændringer:

  • Hero-overskrift fra 3rem til clamp(3.5rem, 7vw, 6.5rem), display-skrifttype, vægt 700
  • Underoverskrift fra regular til italic ved 1.5rem, trukket 8px til venstre for overskriften for optisk justering
  • Baggrund skifter fra papir til en creme-til-papir-gradient, der skaber en varmere beholder
  • CTA-knap fylder, drops shadow fjernet, border-radius reduceret, hover-tilstand inverterer farver
  • Støttende billede skubbet let uden for gitteret med en negativ top-margin, der skaber asymmetri

Faldgruper

  • At køre den på den forkerte side. Produkt-dashboards, indstillinger og formularer bør ikke være dristige. De bør være læselige. Brug /impeccable layout eller /impeccable polish i stedet.
  • Forveksling af dristig med højlydt. Dristig betyder forpligtet og selvsikker. Højlydt betyder råbende. Bolder er det første. Hvis resultatet føles aggressivt, følg op med /impeccable quieter.
  • Kombination med /impeccable delight i samme gennemkørsel. Delight fungerer bedst mod et stabilt visuelt udgangspunkt. Dristig først, stabiliser, derefter delight.