Allbirds
Bahan semula jadi pada linen putih
Allbirds beroperasi dengan keyakinan semula jadi yang tenang—kanvas akromatik yang hampir sepenuhnya, dilengkapi dengan pasir suam (#e0dacf) dan rona tanah lembut yang dilukis terus daripada fotografi produk. Antara muka pengguna tidak mengganggu pengalaman produk: permukaan putih, sempadan nipis, navigasi semua huruf besar dan kawalan berbentuk pil yang lebih terasa seperti butang fizikal daripada elemen web. Self Modern (fon serif tersuai) digunakan untuk beberapa saat penting yang memerlukan perhatian editorial—tajuk utama dan nama koleksi—manakala Geograph digunakan untuk setiap huruf, salinan badan dan butang dalam tiga pemberat seimbang. Kad kategori menjadi sistem warna: setiap satu mengambil rona latar belakangnya daripada produk yang dipaparkan, mengubah navigasi menjadi palet Pantone yang hidup.
Lebar maksimum ialah ~1200px, berpusat dengan pelapik sisi yang luas. Elemen utama ialah jalur editorial lebar penuh pada latar belakang pasir yang hangat dengan karusel produk besar yang memancar dari tengah. Navigasi kategori ialah grid empat kad berwarna yang sama dalam empat lajur, setiap satunya mengandungi model kasut berpusat tunggal. Di bawah lipatan, susun atur berselang-seli antara panel pemisah lebar penuh (foto gaya hidup di sebelah kiri + sampel produk di sebelah kanan) dan karusel produk berpusat di bawah tajuk bahagian kecil yang bergaris bawah. Ritma keseluruhan ialah: panel editorial lebar penuh → grid empat lajur → karusel produk berpusat → pemisah dua lajur → karusel produk berpusat. Jarak antara bahagian ialah 40-56px, mewujudkan peralihan yang lapang tetapi tidak membebankan. Navigasi ialah bar atas tetap minimalis dengan pautan utama berpusat.
Fotografi merupakan keseluruhan sistem visual. Semua gambar produk diambil dari jarak dekat, dari sudut yang sedikit, dengan latar belakang yang kukuh yang sepadan atau melengkapi warna aksen kasut, dengan berkesan mengubah setiap gambar menjadi kajian warna. Gambar gaya hidup diambil dalam rona cerah yang hangat, dalam suasana semula jadi (ladang agave, dek kayu, rupa bumi yang kasar), diredamkan secara halus agar sepadan dengan palet yang diredamkan. Tiada ilustrasi, tiada render 3D, tiada grafik abstrak. Dengan kerjasama Pantone, palet warna literal digunakan sebagai elemen grafik. Ikonografi adalah minimalis dan monokrom (ikon garis besar dalam navigasi dan kedudukan tambahan).
Palet
Neutral
- Canvas White
#ffffff— Imej latar belakang halaman, permukaan kad, imej latar belakang kad produk. - Charcoal
#212121— Warna neutral disokong untuk elemen UI sekunder, pembahagi dan label yang disenyapkan. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak. - True Black
#000000— Tajuk, ikon, bingkai kontras tinggi, teks navigasi. - Warm Sand
#e0dacf— Latar belakang bahagian utama, warna permukaan tambahan, panel editorial yang besar. - Olive Char
#222519— Warna neutral disokong untuk elemen UI sekunder, pembahagi dan label yang disenyapkan. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak. - Iron Gray
#525252— Teks sekunder, teks bantu, bingkai yang tidak mengganggu.
Tipografi
dari 12 hingga 40px · 6 langkah
- Self Modern — penggantian: Playfair Display · garis besar 400 · Tajuk utama dan editorial digunakan dengan berhati-hati, mengetengahkan frasa utama dan tajuk koleksi. Jenis huruf serif dan italik memecahkan kebosanan jenis huruf sans-serif dan menyampaikan mesej: "Inilah intipati cerita."
- Geograph — penggantian: Inter · garis besar 400, 500, 700 · Fon utama untuk antara muka pengguna merangkumi teks isi, label navigasi, butang, tajuk produk, pengaki, medan input dan ikon. 500 untuk tajuk yang diserlahkan, 700 untuk nama produk. Jarak huruf yang lebar (0.025em–0.10em) dalam huruf besar dalam label dan kategori navigasi mewujudkan gaya jenama yang konsisten.
- HurmeGeometricSans3 — penggantian: Inter · garis besar 400 · Jarang digunakan sebagai sandaran atau label khusus untuk butang. Geograph menggunakan sistem ini setiap hari.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8-16px |
| Jejari butang | 9999px (pill) |
| Jejari kad | 16px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 40-56px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Allbirds 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
- Lightship — Diorama sinematik jalan raya terbuka. Dinding galeri berwarna krim hangat dihiasi dengan gambar landskap besar yang dipasang pada jarak dekat, tulisan hitam nipis hampir tidak kelihatan pada bingkai, dan satu aksen oren terang memecahkan monokrom seperti unggun api di padang rumput.
- Faire ES — katalog borong krim suam
- Adanola — Buku pandangan editorial di atas kertas putih. Penggambaran fesyen di mana tipografi dan fotografi bernas pada permukaan putih bersih, dengan dakwat hitam untuk jenis huruf dan fon sans-serif istimewa (Favorit) yang halus, mencerminkan gaya keseluruhan jenama.
- Oura Ring — Bengkel pembuatan oat yang selesa, bermandikan cahaya siang yang lembut
- Stykka — Bengkel Scandinavia dalam cahaya putih – bilik pameran buatan tangan yang tenang di mana satu-satunya suara hanyalah fotografi
- DJI — kanvas hitam aeroangkasa dengan sorotan biru elektrik tunggal
- Altitude Beverages — Hamparan majalah monokrom. Bayangkan hamparan majalah fesyen yang tidak mempunyai sebarang warna kecuali foto pegun—teks dan ruang putih menceritakan keseluruhan cerita.
- AATHER — Tapak tangan terbuka, satu nyala api - kemewahan tenang yang terkandung dalam kesunyian
- Cowboy — Sebuah galeri basikal Belgium dalam latar porselin putih salji. Bilik pameran di mana permukaan matte, fon besar digunakan dalam bahan editorial, dan ketiadaan hiasan menarik perhatian kepada basikal dan isinya.
- Refero — Susun atur editorial pada marmar putih - halaman produk yang dicipta oleh jurutaip, di mana tajuk utama serif adalah kad panggilan jenama, dan semua yang lain tidak mengganggu
- Face Formula — Potret editorial Scandinavia. Paparan gaya majalah yang tenang, di mana pandangan model dan tajuk utama, yang ditulis dalam fon serif yang pekat, bercakap sendiri dengan latar belakang yang sejuk dan berkabus.
- Shupatto — Kotak pameran muzium di atas marmar putih