Nike
Galeri monokrom pencapaian sukan – dinding putih, produk sebagai karya seni, krom dilarutkan ke latar belakang
Nike.com berfungsi sebagai galeri monokrom yang mengutamakan produk: antara muka pengguna hampir tidak kelihatan, membolehkan foto produk memenuhi setiap skrin. Keseluruhan antara muka dibina daripada hitam, putih dan tiga rona kelabu—tiada warna aksen, tiada kecerunan hiasan, tiada krom istimewa yang hangat. Gaya istimewa Nike terdapat dalam logo galeri dan foto, tetapi tidak pernah dalam antara muka pengguna itu sendiri. Tipografinya padat dan praktikal, bergantung pada keluarga fon Helvetica Now yang direka khas pada 12-20px, dengan logo Nike Futura ND tunggal yang bersaiz besar pada 76px untuk tajuk. Komponennya minimalis: butang berbentuk pil dengan jejari 30px, kad produk rata, sempadan nipis dan hampir tiada perbezaan ketinggian. Halaman ini berselang-seli antara permukaan produk putih tulen dan bahagian editorial gelap yang menarik, mencipta irama melalui kontras dan bukannya hiasan.
Halaman ini mengikuti rentak editorial yang mantap: pengepala gelap lebar penuh yang menarik yang menampilkan satu produk dan tajuk besar, diikuti dengan grid kategori 2x2 lebar penuh, grid kad produk yang menatal secara mendatar dalam 3 lajur, dan akhirnya pengaki berbilang lajur yang padat. Semua blok kandungan menempati lebar port pandangan penuh tanpa lebar bekas maksimum; had lebar maksimum hanya terpakai pada navigasi dan grid pautan pengaki. Peralihan antara bahagian adalah tajam: pengepala hitam → grid kategori putih → grid produk putih → pengaki putih, dengan sempadan kelabu sempit berfungsi sebagai satu-satunya jahitan visual. Navigasi ialah bar dua peringkat minimalis (pautan tambahan di bahagian atas, kategori utama berpusat) tanpa penyematan, tiada isian latar belakang dan tiada bayang. Ketumpatan kandungan adalah padat dalam grid produk (jarak kad yang ketat) dan luas dalam pengepala (port pandangan lebar penuh).
Fotografi merupakan elemen visual yang dominan dan mentakrifkan keseluruhan identiti jenama. Sistem ini menggunakan foto produk bingkai penuh berkualiti tinggi: kasut sukan yang difoto secara individu dengan latar belakang gelap atau kecerunan, dipotong untuk memenuhi bingkai, tanpa konteks gaya hidup. Imej gaya hidup muncul dalam kategori, mempamerkan kaki dan betis atlet yang sedang bergerak. Skema warna tepu dan kontras tinggi digunakan—kasut merah dengan latar belakang hitam, aksen neon pada tapak putih, dan pencahayaan yang hangat dan sejuk untuk mendramatisasikan bahan. Tiada ilustrasi, grafik abstrak atau pemaparan 3D digunakan. Imej sentiasa mempunyai tepi yang bersih (tiada sudut bulat dalam bekas foto), sentiasa memenuhi seluruh ruang dalam bloknya, dan sentiasa disertai dengan tindanan teks yang minimum. Ikonografi berfungsi sepenuhnya: ikon garis besar untuk carian, senarai hajat, troli dan akaun dalam warna Obsidian atau Keluli.
Palet
Neutral
- Obsidian
#111111— Warna gelap melengkapi teks dan ikon neutral dan menghasilkan kontras yang kuat. Elakkan menggunakannya sebagai warna utama untuk seruan bertindak. - Paper White
#ffffff— Latar belakang halaman, permukaan kad, teks butang pada latar belakang gelap, garis besar ikon—kanvas lalai untuk grid produk dan bahagian kategori. - Concrete Gray
#e5e5e5— Sempadan, pembahagi, garisan nipis yang memisahkan bahagian grid, garisan halus medan input. - Soft Mist
#f5f5f5— Warna latar belakang halus untuk permukaan sekunder, navigasi isian medan carian, latar belakang tag. - Steel
#707072— Teks sekunder, teks pembantu disenyapkan, garis besar ikon yang dikurangkan, label serbuk roti, pemisah pautan pengaki. - Faint Gray
#9e9ea0— Garis besar ikon, elemen UI kecil dan sempadan dengan sorotan minimum dinyahdayakan.
Tipografi
dari 12 hingga 76px · 6 langkah
- Helvetica Now Text Medium — penggantian: Inter · garis besar 500 · Fon Sederhana Teks Helvetica Now - terdapat dalam data yang dikikis tetapi tidak diterangkan oleh AI.
- Helvetica Now Text — penggantian: Inter or Helvetica Neue · garis besar 400, 500 · Teks utama antara muka pengguna - pautan navigasi, label butang, tajuk kad, nama produk, senarai pengaki, semua teks isi.
- Helvetica Now Display Medium — penggantian: Inter Medium or Helvetica Neue Medium · garis besar 500 · Tajuk bahagian, label kategori kad, tajuk bersaiz sederhana - Fon sederhana (20-24px) merupakan ciri utama tajuk Nike yang bukan elemen reka bentuk yang besar: tidak pernah tebal, sentiasa ringkas.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8px |
| Jejari butang | 30px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 48px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Nike dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Airbnb — Dinding galeri putih yang tenang dengan penanda buku merah karang tunggal
- Apple (España) — kotak paparan galeri putih
- Silencio — Sebuah bilik putih dengan artifak terapung. Paparan galeri yang diperbuat daripada kertas suam, di mana setiap elemen menempati tempatnya dengan latar belakang isipadu negatif, dan kesunyian adalah keputusan reka bentuk yang disengajakan.
- Oakâme — Bengkel Provençal yang disinari matahari yang diukir daripada batu suam
- Arc — galeri putih perindustrian di atas air tengah malam
- Rivian — Sebuah monolit elektrik di dinding konkrit galeri. Rivian mempersembahkan setiap kenderaan sebagai arca di hadapan ruang putih yang luas, dengan tipografi yang begitu besar sehingga menjadi elemen seni bina, dan satu warna kuning hangat yang memecahkan atmosfera monokromatik, seperti cahaya matahari di permukaan matte.
- Analogue — Kotak pameran galeri hitam – barang-barang berlegar di tempat kosong
- ddna — kotak paparan muzium yang hangat pada linen yang tidak dirawat
- Zellerfeld — Bengkel pengukir marmar putih—permukaan monolitik alas, percikan kobalt tunggal, bisikan huruf kecil dari lantai ke siling
- UY Studio — Galeri batu biara ini merupakan ruang yang tenang dengan dinding konkrit, di mana botol minyak wangi berdiri di atas alas putih, diterangi oleh satu lampu 400 watt dan empat mentol kelabu hangat.
- Basic.Space — galeri kuratorial di atas marmar putih
- COS — galeri bergaya dengan dinding putih