Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukframkallareUtvecklar AI-verktyg för företag. Högkvalitativt. Prisvärt.Skriv i Telegram
Nike — en förhandsvisning av en webbplats i den här stilen

Nike

Ett monokromt galleri av sportprestationer – vita väggar, produkten som ett konstverk, krom upplöst i bakgrunden

Nike.com fungerar som ett monokromt, produktfokuserat galleri: användargränssnittet är praktiskt taget osynligt, vilket gör att produktfoton kan uppta varje skärm. Hela gränssnittet är konstruerat i svart, vitt och tre nyanser av grått – inga accentfärger, inga dekorativa gradienter, ingen varm, signaturkrom. Nikes signaturstil finns i galleriets logotyp och fotona, men aldrig i själva användargränssnittet. Typografin är kompakt och funktionell och bygger på en specialdesignad Helvetica Now-typsnittsfamilj på 12–20 pixlar, med en enda, överdimensionerad Nike Futura ND-logotyp på 76 pixlar för rubriker. Komponenterna är minimalistiska: pillerformade knappar med en radie på 30 pixlar, platta produktkort, tunna kanter och praktiskt taget inga höjdskillnader. Sidan växlar mellan rent vita produktytor och slående, mörka redaktionella sektioner, vilket skapar rytm genom kontrast snarare än ornamentik.

Sidan följer en robust redaktionell rytm: en slående, mörk rubrik i full bredd med en enda produkt och en stor titel, följt av ett 2x2 kategorirutnät i full bredd, ett horisontellt rullande rutnät med produktkort i 3 kolumner och slutligen en tät sidfot med flera kolumner. Alla innehållsblock upptar hela visningsportens bredd utan maximal containerbredd; en maximal breddbegränsning gäller endast för navigerings- och sidfotslänkrutnätet. Övergångarna mellan avsnitten är skarpa: svart rubrik → vitt kategorirutnät → vitt produktrutnät → vit sidfot, med smala grå kanter som fungerar som den enda visuella skarven. Navigeringen är en minimalistisk, tvådelad stapel (hjälplänkar högst upp, primärkategorier centrerade) utan fästning, ingen bakgrundsfyllning och ingen skugga. Innehållstätheten är kompakt i produktrutnäten (tätt kortavstånd) och rymlig i rubriken (visningsport i full bredd).

Fotografi är det dominerande visuella elementet och definierar varumärkets hela identitet. Systemet använder högkvalitativa produktfoton i fullformat: sportskor fotograferade individuellt mot en mörk eller tonad bakgrund, beskurna för att fylla ut bilden, utan livsstilskontext. Livsstilsbilder visas inom kategorier och visar fötter och ben på idrottare i rörelse. Ett mättat färgschema med hög kontrast används – röda skor mot en svart bakgrund, neonaccenter på vita sulor och varm och kall belysning för att dramatisera materialen. Inga illustrationer, abstrakt grafik eller 3D-renderingar används. Bilderna har alltid rena kanter (inga rundade hörn i fotobehållare), upptar alltid hela utrymmet inom sina block och åtföljs alltid av minimal textöverlagring. Ikonografin är rent funktionell: konturikoner för sökning, önskelista, varukorg och konto i färgerna Obsidian eller Steel.

Palett

Neutral

  • Obsidian #111111 — Mörk färg kompletterar neutral text och ikoner och skapar stark kontrast. Undvik att använda den som primärfärg för uppmaningar till handling.
  • Paper White #ffffff — Sidbakgrund, kortyta, knapptext på mörk bakgrund, ikonkontur – standardarbetsytan för produktrutnät och kategorisektioner.
  • Concrete Gray #e5e5e5 — Kantlinjer, avdelare, tunna linjer som separerar rutnätssektioner, subtila konturer av inmatningsfält.
  • Soft Mist #f5f5f5 — Subtil bakgrundsfärg för sekundära ytor, sökfältsfyllning i navigering, taggbakgrund.
  • Steel #707072 — Sekundärtext, dämpad hjälptext, reducerade ikonkonturer, brödsmuleetiketter, länkseparatorer i sidfoten.
  • Faint Gray #9e9ea0 — Ikonkonturer, mindre gränssnittselement och kantlinjer med minimal markering är inaktiverade.

Typografi

från 12 till 76px · 6 steg

  • Helvetica Now Text Medium — ersättning: Inter · konturer 500 · Helvetica Now Text Medium-typsnitt – finns i den skrapade datan men beskrivs inte av AI:n.
  • Helvetica Now Text — ersättning: Inter or Helvetica Neue · konturer 400, 500 · Användargränssnittets huvudtext – navigeringslänkar, knappetiketter, korttitlar, produktnamn, sidfotslistor, all brödtext.
  • Helvetica Now Display Medium — ersättning: Inter Medium or Helvetica Neue Medium · konturer 500 · Avsnittsrubriker, kategorietiketter för kort, mellanstora rubriker – Medelstort teckensnitt (20–24 pixlar) är ett kännetecken för Nikes rubriker som inte är stora designelement: aldrig djärva, alltid koncisa.

Intervaller och form

ÄndamålMenande
Densitettät
Grundläggande steg8px
Knappradie30px
Kortradie0px
Skuggoringa gränser istället för skuggor
Mellan sektioner48px
Sidbredd1440px

AI kommer att bygga din webbplats i Nike -stil och fylla den

  • Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
  • Överför innehåll från din gamla webbplats – ange bara adressen.
  • Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
  • Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.

Liknande stilar

  • Airbnb — En tyst vit tavelvägg med ett enda korallrött bokmärke
  • Apple (España) — vit gallerimonter
  • Silencio — Ett vitt rum med svävande artefakter. En galleriutställning gjord av varmt papper, där varje element intar sin plats mot en bakgrund av negativ volym, och tystnaden är ett avsiktligt designbeslut.
  • Oakâme — En soldränkt provensalsk verkstad snidad ur varm sten
  • Arc — industriellt vitt galleri över midnattsvatten
  • Rivian — En elektrisk monolit på galleriets betongvägg. Rivian presenterar varje fordon som en skulptur mot ett stort vitt utrymme, med en typografi så stor att den blir ett arkitektoniskt element, och en enda varm gul färg som bryter den monokromatiska atmosfären, likt solljus på en matt yta.
  • Analogue — Svart gallerimontre – varor svävar i tomrummet
  • ddna — varm museimonter på obehandlat linne
  • Zellerfeld — En skulptörs verkstad i vit marmor – piedestalens monolitiska ytor, en enda gnista av kobolt, en viskning av små bokstäver från golv till tak
  • UY Studio — Klostrets stengalleri är ett lugnt utrymme med betongväggar, där parfymflaskor står på vita socklar, upplysta av en 400-watts lampa och fyra varmt grå glödlampor.
  • Basic.Space — kuratorgalleri på vit marmor
  • COS — ett trendigt galleri med vita väggar