← Topp 100 · NESTE designbibliotek← forrige   59/100   neste →
Desktop-skjermbilde av OutfitMobil-skjermbilde

59 Outfit

Kort fortalt: En studiobutikk der «OUTFIT» i rød, gigantisk kondensert versal fyller bredden, og produktkortene starter rett under.

Hvorfor det virker

Én farge, én skrift – nettbutikk som plakat. Det er ingen hero-bilde; navnet er heroen, og produktene (t-skjorte, caps, genser, ryggsekk) kommer umiddelbart. En kort «Why»-tekst forklarer at butikken er laget av ++hellohello-teamet. Site of the Day 11.05.2026 og E-commerce Honors (Awwwards).

Typografi

Kondensert, tung grotesk i rød versal for navnet og små røde versaler for alle UI-tekster. Fontnavn ukjent [bekreftes].

Layout og grid

Strengt rutenett: navn i full bredde, rød linje, en rad med små tekstkolonner (Outfit, Why, Visit ++ website, Shipping & returns, © 2026), deretter fire produktkort.

Farge

Lys beige (#EDE4DD) og mørk rød (#930C0C). Tre fargeprikker øverst antyder fargevalg/temabytte [bekreftes].

Bilder og illustrasjon

Produktfoto på nøytral grå bunn.

Bevegelse og interaksjon

Hover-reveal ifølge notatet.

Tekst og tone

Kort og selvsikker; produktnavn som «Off by Design» og «Kerned Confidence» er designerhumor.

Mobil

Navn, tekstkolonner og to produkter per rad med pris – fungerer som en rask butikk.

Hva kunne vært bedre

Rød liten tekst på beige er lett å miste; «Why»-teksten er tett.

Hva NESTE kan stjele

For små nettbutikker og merch: navnet som hero og produkter direkte under – ingen karusell. Én signalfarge for all tekst.

Fra bibliotekets notat

Kurators observasjon da siden ble lagt inn (ikke verifisert på nytt): «OUTFIT» i rød gigantisk kondensert over full bredde, produktkort rett under (SOTD, E-commerce Honors). Hvorfor den ikke er generisk: Én farge, én skrift – nettbutikk som plakat.

Designprinsipper

15 Vignelli, 01 Rams, 06 Baymard (produkter med pris tidlig), 02 Müller-Brockmann.