Custo
Sebuah galeri berwarna abu-abu metalik dengan font monolitik. Sebuah ruang pamer dalam nuansa abu-abu kehijauan yang lembut, di mana satu objek gelap dan font berukuran 57px berbicara sendiri.
Custo berfungsi sebagai galeri produk industri: kanvas metalik hangat berfungsi sebagai latar belakang untuk produk fisik, sementara tipografi format besar berfungsi sebagai hiasan visual utama. Sistem ini benar-benar akromatik—tanpa warna kromatik—memungkinkan kotak surat anodisasi gelap dan gravitasi geometris dari satu jenis huruf sans-serif untuk menyampaikan keseluruhan kepribadian merek. Setiap layar menyeimbangkan ruang putih yang luas dengan pernyataan tipografi monumental, dengan logo merek diulang sebagai elemen yang hampir arsitektural. Permukaannya datar dan matte; kedalaman diciptakan melalui reflektivitas produk itu sendiri, bukan melalui bayangan atau gradien.
Tata letak halaman berupa struktur kolom tunggal yang disusun vertikal dengan lebar konten maksimum sekitar 1280px, berpusat di dalam tampilan. Elemen utama halaman membentang di seluruh lebar halaman, ditampilkan dengan warna Canvas Gunmetal #9ea29f dari tepi ke tepi, dengan foto kotak surat yang berpusat di sebelah kanan dan logo CUSTO® berukuran 57px yang menjadi penanda di tepi bawah. Di bawah elemen utama, bagian-bagiannya berselang-seling: blok teks dua kolom (keterangan kecil di sebelah kiri, judul besar di sebelah kanan), diikuti oleh grid horizontal berisi tiga kartu gambar produk, kemudian baris teks dan gambar dua kolom, dengan teks utama berselang-seling di kedua sisi. Jarak antar bagian adalah 110px, menciptakan ruang bernapas vertikal yang signifikan. Navigasi berupa bilah atas transparan tunggal yang memudar menjadi Paper White saat Anda menggulir. Ikon CES adalah elemen tetap yang mengambang di sudut kanan bawah. Ritme keseluruhannya seperti galeri: sedikit elemen di setiap bagian, font besar, spasi lebar, dan foto produk sebagai penanda visual di antara baris teks.
Gambar-gambar tersebut murni merupakan fotografi produk dari kotak surat Custo, yang diambil dalam tiga mode: potret seluruh tubuh dengan latar belakang bingkai logam, foto gaya hidup yang menunjukkan interaksi manusia dengan perangkat, dan foto close-up antarmuka pemindai dan cincin LED. Semua foto dibuat dengan nada warna yang lembut dan kontras tinggi, dengan lapisan hitam matte kotak surat sebagai titik fokus visual. Tidak ada ilustrasi, grafik abstrak, atau foto stok. Foto-foto tersebut ditempatkan pada kartu dengan radius 8px atau digunakan layar penuh di belakang logo 57px. Ikon CES adalah satu-satunya gambar multiwarna di seluruh situs web.
Palet
Netral
- Canvas Gunmetal
#9ea29f— Latar belakang abu-abu kehijauan yang hangat pada bagian utama dan tema membedakan Custo dari template SaaS putih standar dan terasa lebih seperti beton arsitektur daripada permukaan digital. - Obsidian
#000000— Teks isi, garis tepi tipis, garis luar ikon - tinta dengan kontras tertinggi dalam sistem, digunakan untuk judul dan pembatas struktural. - Paper White
#ffffff— Gambar latar belakang bagian tubuh, teks terbalik pada kanvas berwarna abu-abu metalik, teks pada latar belakang gelap fotografi produk. - Anodized Graphite
#4b514d— Permukaan gelap untuk fotografi produk, judul tambahan, dan teks tiga dimensi menggemakan hasil akhir kotak surat, sehingga antarmuka pengguna dan produk dibuat dari bahan yang sama. - Brushed Steel
#8e9194— Teks isi yang lebih lembut, pembatas daftar, dan garis luar ikon tambahan berada di antara Paper White dan Obsidian untuk metadata tersemat dan tautan yang tidak mencolok. - Linen Mist
#a7aaad— Warna terang pada garis tepi dan pembatas untuk judul dan garis pemisah adalah nuansa lembut yang tidak pernah bersaing dengan garis struktural warna Obsidian.
Tipografi
dari 15 hingga 57px · 5 langkah
- PP Neue Montreal — penggantian: Inter · garis besar 400 (Medium) · Sistem tipografi satu keluarga digunakan untuk semuanya, mulai dari teks isi hingga teks penjelasan—keseragaman geometris dalam ketebalan huruf adalah ciri khasnya, menghindari penggunaan font sekunder atau font khusus tampilan, sehingga logo 'CUSTO®' yang berukuran 57px terbaca sebagai milik keluarga tipografi yang sama dengan label kolom input formulir berukuran 15px.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | luas |
| Langkah dasar | 24px |
| Radius tombol | 31.35px (pill) for primary action; 8px for secondary |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 110px |
| Lebar halaman | 1280px |
AI akan membangun situs web Anda dengan gaya Custo 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
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan benda-benda hitam dan putih.
- Specht Studio — Dinding galeri yang dipenuhi rasa ingin tahu yang terselubung. Lapisan krom khas studio ini berupa permukaan putih dengan tulisan hitam; kembang api visual sepenuhnya terkonsentrasi pada karya ubin proyek ini.
- Structured — Galeri Renaissance di atas kertas mirip plastisin
- Airbnb — Dinding galeri putih yang tenang dengan satu pembatas buku berwarna merah koral.
- VSCO — Dinding monokrom galeri ini merupakan pameran foto hitam putih, di mana sebuah sorotan lampu hangat menerangi aksi selanjutnya.
- Apple (España) — Galeri museum, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang memikat dan terasa ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang sedikit berwarna.
- Peak Design — Dinding galeri, sebagian diterangi
- Apple (España) — Ruang pamer Obsidian Gallery adalah aula pameran yang gelap di mana sebuah objek titanium tunggal bersinar di tengah latar belakang yang hitam pekat.
- Apple (España) — etalase galeri putih
- teenage engineering — Katalog industri pencahayaan studio - produk adalah satu-satunya objek penting di halaman, dan segala sesuatu lainnya dibahas di sekitarnya.
- Apple (España) — Jendela galeri di tengah kabut pagi.
- Apple (España) — Galeri Museum Putih pada siang hari