Custo
Sebuah galeri berwarna gunmetal dengan fon monolitik. Bilik pameran dalam rona kelabu-hijau yang disenyapkan, di mana satu objek gelap dan fon 57px bercakap untuk diri mereka sendiri.
Custo berfungsi sebagai galeri produk perindustrian: kanvas logam yang hangat berfungsi sebagai latar belakang untuk produk fizikal, manakala tipografi format besar berfungsi sebagai perhiasan visual utama. Sistem ini sepenuhnya akromatik—tiada warna kromatik—membolehkan kotak surat anodized gelap dan graviti geometri bagi satu jenis taip sans-serif untuk menyampaikan keseluruhan personaliti jenama. Setiap skrin mengimbangi ruang putih yang luas dengan pernyataan tipografi yang monumental, dengan tanda jenama diulang sebagai elemen hampir seni bina. Permukaannya rata dan kusam; kedalaman dicipta melalui pantulan produk itu sendiri, bukan melalui bayang-bayang atau kecerunan.
Susun atur halaman ialah struktur lajur tunggal yang disusun secara menegak dengan lebar kandungan maksimum ~1280px, berpusat di dalam viewport. Elemen halaman utama merangkumi keseluruhan lebar halaman, yang dipaparkan dalam Canvas Gunmetal #9ea29f dari tepi ke tepi, dengan foto peti mel berpusat di sebelah kanan dan logo CUSTO® 57px yang berlabuh di tepi bawah. Di bawah elemen utama, bahagian berselang-seli: blok teks dua lajur (kapsyen kecil di sebelah kiri, tajuk besar di sebelah kanan), diikuti dengan grid mendatar tiga kad imej produk, kemudian baris teks dan imej dua lajur, dengan teks utama berselang-seli di kedua-dua belah pihak. Longkang antara bahagian ialah 110px, mewujudkan ruang pernafasan menegak yang ketara. Navigasi ialah bar atas lutsinar tunggal yang pudar kepada Kertas Putih semasa anda menatal. Ikon CES ialah elemen tetap dan terapung di sudut kanan bawah. Ritma keseluruhan adalah seperti galeri: beberapa elemen dalam setiap bahagian, fon besar, ruang luas dan foto produk sebagai tanda baca visual antara jalur teks.
Imej-imej tersebut hanyalah fotografi produk peti mel Custo, yang dirakam dalam tiga mod: potret penuh pada bingkai logam, gambar gaya hidup yang menunjukkan interaksi manusia dengan peranti dan gambar jarak dekat antara muka pengimbasan dan cincin LED. Semua gambar dihasilkan dalam ton kontras tinggi yang disenyapkan, dengan kemasan hitam matte peti mel berfungsi sebagai penanda visual. Tiada ilustrasi, grafik abstrak atau foto stok. Gambar-gambar tersebut diletakkan pada kad jejari 8px atau digunakan pada skrin penuh di belakang logo 57px. Ikon CES adalah satu-satunya imej berbilang warna di seluruh laman web.
Palet
Neutral
- Canvas Gunmetal
#9ea29f— Latar belakang kelabu-hijau yang hangat pada bahagian utama dan tema membezakan Custo daripada templat SaaS putih standard dan terasa lebih seperti konkrit seni bina daripada permukaan digital. - Obsidian
#000000— Teks isi, sempadan nipis, sapuan ikon - dakwat kontras tertinggi dalam sistem, digunakan untuk tajuk dan pembahagi struktur. - Paper White
#ffffff— Imej latar belakang bahagian badan, teks terbalik pada kanvas gunmetal, teks pada latar belakang gelap fotografi produk. - Anodized Graphite
#4b514d— Permukaan gelap untuk fotografi produk, tajuk tambahan dan teks tiga dimensi menggambarkan kemasan peti mel, jadi antara muka pengguna dan produk diperbuat daripada bahan yang sama. - Brushed Steel
#8e9194— Teks isi yang lembut, pembahagi senarai dan garis besar ikon tambahan terletak di antara Paper White dan Obsidian untuk metadata terbenam dan pautan diskret. - Linen Mist
#a7aaad— Warna terang sempadan dan pembahagi untuk tajuk dan garisan pembahagi adalah warna halus yang tidak pernah bersaing dengan garisan struktur warna Obsidian.
Tipografi
dari 15 hingga 57px · 5 langkah
- PP Neue Montreal — penggantian: Inter · garis besar 400 (Medium) · Sistem tipografi keluarga tunggal digunakan untuk segala-galanya daripada salinan badan hingga teks penjelasan—keseragaman geometri dalam berat adalah ciri utama, mengelakkan penggunaan sebarang fon sekunder atau khusus paparan, jadi tanda perkataan 'CUSTO®' yang ditetapkan pada 57px dibaca sebagai milik keluarga tipografi yang sama seperti label medan input borang 15px.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 24px |
| Jejari butang | 31.35px (pill) for primary action; 8px for secondary |
| Jejari kad | 8px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 110px |
| Lebar halaman | 1280px |
AI akan membina laman web anda dalam gaya Custo 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
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan objek hitam putih
- Specht Studio — Dinding galeri yang dipenuhi dengan rasa ingin tahu yang tersembunyi. Kemasan krom studio itu sendiri ialah permukaan putih dan huruf hitam; bunga api visual tertumpu sepenuhnya dalam kerja jubin projek.
- Structured — Galeri Renaissance di atas kertas seperti plastisin
- Airbnb — Dinding galeri putih yang tenang dengan penanda buku merah karang tunggal
- VSCO — Dinding monokrom galeri ini merupakan pameran gambar hitam putih, di mana satu lampu sorot hangat menerangi tindakan seterusnya.
- Apple (España) — Galeri muzium, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang menawan dan ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang berwarna sedikit.
- Peak Design — Dinding galeri, sebahagiannya diterangi
- Apple (España) — Pameran Galeri Obsidian merupakan sebuah dewan pameran gelap di mana satu objek titanium bersinar dengan latar belakang gelap gelita.
- Apple (España) — kotak paparan galeri putih
- teenage engineering — Katalog perindustrian dalam pencahayaan studio - produk adalah satu-satunya objek penting pada halaman, dan semua perkara lain dibincangkan di sekelilingnya
- Apple (España) — Tingkap galeri dalam kabus pagi
- Apple (España) — Galeri Muzium Putih pada waktu tengah hari