Allbirds
Bahan-bahan alami di atas linen putih
Allbirds beroperasi dengan kepercayaan diri yang tenang dan alami—kanvas yang hampir seluruhnya tanpa warna, dilengkapi dengan warna pasir hangat (#e0dacf) dan warna tanah yang lembut yang diambil langsung dari fotografi produk. Antarmuka pengguna tidak mengganggu pengalaman produk: permukaan putih, batas tipis, navigasi huruf kapital, dan kontrol berbentuk pil yang terasa lebih seperti tombol fisik daripada elemen web. Self Modern (font serif kustom) digunakan untuk beberapa momen penting yang membutuhkan perhatian editorial—judul dan nama koleksi—sementara Geograph digunakan untuk setiap huruf, teks isi, dan tombol dalam tiga bobot yang seimbang. Kartu kategori menjadi sistem warna: masing-masing mengambil warna latar belakangnya dari produk unggulan, mengubah navigasi menjadi palet Pantone yang hidup.
Lebar maksimumnya sekitar 1200px, terpusat dengan padding samping yang cukup besar. Elemen utamanya adalah strip editorial lebar penuh dengan latar belakang pasir hangat dan carousel produk besar yang memancar dari tengah. Navigasi kategori berupa grid empat kartu berwarna identik dalam empat kolom, masing-masing berisi satu model sepatu yang terpusat. Di bawah lipatan halaman, tata letaknya bergantian antara panel terpisah lebar penuh (foto gaya hidup di sebelah kiri + contoh produk di sebelah kanan) dan carousel produk yang terpusat di bawah judul bagian kecil yang digarisbawahi. Ritme keseluruhannya adalah: panel editorial lebar penuh → grid empat kolom → carousel produk terpusat → panel terpisah dua kolom → carousel produk terpusat. Jarak antar bagian adalah 40-56px, menciptakan transisi yang lapang namun tidak berlebihan. Navigasinya berupa bilah atas tetap minimalis dengan tautan utama yang terpusat.
Fotografi merupakan keseluruhan sistem visual. Semua foto produk diambil dari jarak dekat, dari sudut yang sedikit miring, dengan latar belakang polos yang sesuai atau melengkapi warna aksen sepatu, sehingga setiap foto secara efektif menjadi studi warna. Foto-foto gaya hidup diambil dengan nada hangat dan cerah, di lingkungan alami (ladang agave, dek kayu, medan yang kasar), dengan sedikit diredam agar sesuai dengan palet warna yang lembut. Tidak ada ilustrasi, tidak ada render 3D, tidak ada grafik abstrak. Dalam kolaborasi dengan Pantone, palet warna literal digunakan sebagai elemen grafis. Ikonografi bersifat minimalis dan monokrom (ikon garis luar pada posisi navigasi dan tambahan).
Palet
Netral
- Canvas White
#ffffff— Gambar latar belakang halaman, permukaan kartu, gambar latar belakang kartu produk. - Charcoal
#212121— Warna netral didukung untuk elemen UI sekunder, pembatas, dan label yang redup. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - True Black
#000000— Judul, ikon, bingkai kontras tinggi, teks navigasi. - Warm Sand
#e0dacf— Latar belakang bagian utama, bayangan permukaan tambahan, panel editorial besar. - Olive Char
#222519— Warna netral didukung untuk elemen UI sekunder, pembatas, dan label yang redup. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - Iron Gray
#525252— Teks sekunder, teks tambahan, bingkai yang tidak mencolok.
Tipografi
dari 12 hingga 40px · 6 langkah
- Self Modern — penggantian: Playfair Display · garis besar 400 · Judul dan editorial digunakan secara hemat, menyoroti frasa kunci dan judul koleksi. Jenis huruf serif dan miring memecah monotonnya jenis huruf sans-serif dan menyampaikan pesan: "Inilah inti dari cerita ini."
- Geograph — penggantian: Inter · garis besar 400, 500, 700 · Font utama untuk antarmuka pengguna mencakup teks isi, label navigasi, tombol, judul produk, footer, kolom input, dan ikon. Font 500 digunakan untuk judul yang disorot, dan 700 untuk nama produk. Jarak antar huruf yang lebar (0,025em–0,10em) pada huruf kapital di label navigasi dan kategori menciptakan gaya merek yang konsisten.
- HurmeGeometricSans3 — penggantian: Inter · garis besar 400 · Jarang digunakan sebagai cadangan atau label khusus untuk sebuah tombol. Geograph menggunakan sistem ini setiap hari.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 8-16px |
| Radius tombol | 9999px (pill) |
| Radius kartu | 16px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 40-56px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Allbirds dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Lightship — Sebuah diorama sinematik tentang jalan terbuka. Dinding galeri berwarna krem hangat dihiasi dengan foto-foto lanskap besar yang dipasang berdekatan, tulisan hitam tipis yang hampir tak terlihat pada bingkai, dan satu aksen oranye terang yang memecah monokrom seperti api unggun di padang rumput.
- Faire ES — Katalog grosir krim hangat
- Adanola — Sebuah lookbook editorial di atas kertas putih. Pemotretan mode di mana tipografi dan fotografi tampak hidup di permukaan putih yang bersih, dengan tinta hitam untuk jenis huruf dan font sans-serif khas yang halus (Favorit), mencerminkan gaya keseluruhan merek.
- Oura Ring — Sebuah bengkel pembuatan oatmeal yang nyaman, bermandikan cahaya siang yang lembut.
- Stykka — Sebuah bengkel Skandinavia dalam cahaya putih – ruang pamer kerajinan tangan yang tenang di mana satu-satunya suara adalah fotografi.
- DJI — Kanvas hitam kedirgantaraan dengan satu aksen biru elektrik.
- Altitude Beverages — Tata letak majalah monokrom. Bayangkan tata letak majalah mode yang dilucuti semua warna kecuali foto-foto statis—teks dan ruang kosong menceritakan keseluruhan cerita.
- AATHER — Telapak tangan terbuka, nyala api tunggal - kemewahan tenang yang terkandung dalam keheningan.
- Cowboy — Sebuah galeri sepeda Belgia dalam suasana porselen putih salju. Sebuah ruang pamer di mana permukaan matte, font besar yang digunakan dalam materi editorial, dan hampir tidak adanya dekorasi menarik perhatian pada sepeda dan isinya.
- Refero — Tata letak editorial di atas marmer putih - halaman produk yang dibuat oleh seorang tipografer, di mana judul dengan huruf serif menjadi kartu identitas merek, dan elemen lainnya dirancang agar tidak mencolok.
- Face Formula — Potret editorial Skandinavia. Tata letak yang tenang, bergaya majalah, di mana tatapan model dan judul, yang ditulis dengan font serif yang padat, berbicara sendiri di tengah latar belakang yang sejuk dan berkabut.
- Shupatto — Lemari pajangan museum di atas marmer putih