Peak Design
Dinding galeri, sebagian diterangi
Peak Design adalah pengalaman komersial berkualitas galeri: kanvas yang hampir monokrom di mana tipografi editorial dan fotografi produk melakukan semua pekerjaan. Sistem ini menggabungkan permukaan putih yang tajam dengan panel hitam pekat, menciptakan tata letak terpisah yang mencolok di mana judul serif dengan jenis huruf miring ditempatkan di satu sisi dan gambar produk atau gaya hidup layar penuh di sisi lainnya. Tipografi adalah suara inti merek: jenis huruf serif dekoratif yang tinggi dan padat (dengan gaya Exposure) untuk judul, dipadukan dengan jenis huruf grotesk netral (Geist) untuk antarmuka pengguna, dan jenis huruf sans-serif padat (bryant) untuk huruf, alis, dan tombol. Antarmuka tetap bersih: tidak ada elemen UI kromatik, tidak ada gradien dekoratif, tidak ada bayangan—hanya batas yang halus, dua radius sudut (4 dan 8), dan satu aksen merah yang hanya digunakan sesekali untuk penekanan. Komponen-komponennya tampak lebih bijaksana daripada dekoratif: pembatas tipis, kartu produk datar, filter berbentuk pil, dan tombol tak terlihat yang terasa seperti anotasi arsitektur.
Bagian halaman selebar penuh bergantian antara warna putih dan hampir hitam; setiap bagian menempati seluruh lebar tampilan, tanpa batasan lebar maksimum pada tingkat bagian. Konten di dalam bagian memiliki lebar maksimum sekitar 1440px dan berada di tengah. Pola header yang dominan adalah pembagian 50/50: blok teks (penelusuran + judul utama + subteks + tombol) di satu sisi, dan gambar produk atau gaya hidup selebar penuh di sisi lainnya. Di bawah lipatan halaman, grid produk menggunakan empat kolom kartu produk dengan lebar yang sama dan jarak antar kartu yang cukup lebar, yaitu 24-32px. Panel filter kategori diposisikan tepat di bawah navigasi utama dalam baris horizontal berbentuk "pil". Ritme bagian-bagian tersebut ditentukan oleh garis-garis terang/gelap yang bergantian dengan indentasi vertikal 80px di antara bagian-bagian, menciptakan ritme ala majalah editorial. Navigasi berupa bilah atas tetap dengan strip iklan tipis di atasnya.
Bahasa visual didominasi oleh fotografi produk: tas, ikat pinggang, dan peralatan kamera difoto dengan latar belakang putih bersih, tanpa konteks kehidupan sehari-hari, dengan pencahayaan yang menyoroti tekstur material dan detail perangkat keras. Gambar sehari-hari hanya muncul di bagian editorial layar penuh (misalnya, tangan yang memegang kamera dalam lingkaran) dan menempati seluruh lebar tampilan di satu sisi panel terpisah. Gambar tidak memiliki radius sudut pada gambar utama (rata dengan tepi), dan tidak ada radius sudut pada gambar kartu. Tidak ada ilustrasi, tidak ada grafik abstrak, tidak ada ilustrasi ikon selain ikon UI fungsional. Produk ADALAH fokusnya—foto berkualitas studio, dengan sudut yang konsisten, pencahayaan yang konsisten, dan latar belakang putih yang konsisten—sementara UI memudar ke latar belakang, memungkinkan objek untuk berbicara sendiri.
Palet
Netral
- Carbon Ink
#1a211e— Teks isi, sidebar gelap, teks isi, ikon, bingkai pada permukaan terang - warna mendekati hitam yang berfungsi sebagai dasar untuk setiap judul dan membentuk panel latar belakang gelap dari bagian-bagian yang terbagi. - Paper White
#ffffff— Permukaan pendukung yang ringan untuk menciptakan latar belakang yang tidak mencolok dan memisahkan bagian-bagian. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - True Black
#000000— Elemen-elemen dengan kontras maksimal—isian header pada latar belakang putih, bilah pengumuman, desain footer, garis luar ikon yang solid—ditempatkan di tempat yang membutuhkan garis paling jelas dalam desain. - Obsidian
#0c0c0c— Permukaan panel yang dalam dan lapisan gambar - sedikit lebih lembut daripada hitam pekat, digunakan untuk area gelap yang menempati seluruh permukaan layar dan harus terasa solid tetapi tidak kasar seperti hitam pekat. - Fog
#eef1f0— Permukaan pendukung yang ringan untuk menciptakan latar belakang yang tidak mencolok dan memisahkan bagian-bagian. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - Mist
#e0e0e0— Garis pemisah, status nonaktif, pembatas struktural yang halus - warna abu-abu muda sedang yang menentukan batas antara bagian-bagian pada kanvas putih.
Tipografi
dari 14 hingga 80px · 6 langkah
- Geist — penggantian: Inter · garis besar 400, 600, 700 · Teks utama, judul produk, deskripsi, kolom formulir, teks tautan, dan konten footer. Ketebalan font: 400 untuk teks utama, 600 untuk sorotan, dan 700 untuk judul produk dan catatan penting sebaris. Font Grotesque yang netral memungkinkan font Display Serif dan Condensed Sans untuk mencerminkan gaya merek, sementara Geist memberikan fungsionalitas dan keterbacaan.
- Exposure-style serif (Exposure-10) — penggantian: Playfair Display · garis besar 400 · Judul dan subjudul utama. Bobot tunggal (400) dalam font serif miring menciptakan otoritas editorial—kata-kata ini menetapkan nada merek, digunakan secara hemat pada panel gelap yang membentang di seluruh lebar halaman dan di awal bagian-bagian penting. Jarak antar huruf yang rapat (-0,025em) memungkinkan huruf-huruf besar tampak terkendali dan tidak terkesan ringan.
- Bryant-style condensed sans (bryant) — penggantian: Druk Wide · garis besar 700 · Label navigasi, tombol filter kategori, teks tombol, "alis", tag bagian, dan judul tambahan. Huruf kapital yang dipadatkan dengan spasi antar huruf yang positif menciptakan gaya industrial seperti label—kata-kata ini mengidentifikasi dan memberi instruksi, tetapi tidak pernah mendeskripsikan.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 24px |
| Radius tombol | 4px |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Peak Design 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
- Arsenijs Fabrica — Keindahan hakiki dari konten editorial terungkap di bawah cahaya galeri. Dinding putih bersih galeri, satu lampu strobo hangat yang berdenyut oranye di latar belakang monokrom, tipografi setipis kaca, dan ruang kosong yang melimpah.
- 21 TSI — Kekosongan merah tua, siluet tunggal – sebuah editorial fesyen kelas atas di mana antarmuka pengguna larut ke dalam atmosfer.
- Aevi Wellness — Gaya apotek Skandinavia, tipografi ringan. Aksen abu-biru yang lembut memecah tata letak editorial yang netral dan lapang secara keseluruhan, di mana foto produk ditumpangkan pada kartu berbingkai tipis dengan latar belakang putih hangat.
- Palmer — Galeri keramik dalam cahaya lembut – interaksi terjadi dengan dinding, dan objek-objek tersebut adalah karya seni.
- PLATFORM — Galeri White Cube menjadi sorotan.
- Assembly Coffee London — Bara api di tempat pemanggangan kopi yang gelap. Kanvas yang hampir hitam dengan foto produk yang hangat dan remang-remang serta huruf serif kursif—nuansa menu kopi spesial yang dicetak di media cetak tengah malam.
- ARTWORLD — Judul utama majalah mode di atas kain linen putih.
- Structured — Galeri Renaissance di atas kertas mirip plastisin
- Airbnb — Dinding galeri putih yang tenang dengan satu pembatas buku berwarna merah koral.
- VISIONNAIRE — Galeri editorial streetwear dengan latar belakang putih bersih. Merek ini berperilaku seperti lookbook cetak: kanvas putih polos, tinta hitam tajam, dan satu panel krem hangat yang digunakan sebagai blok warna untuk menampilkan produk atau logo.
- Letter — Sebuah galeri pribadi yang menampilkan artefak berkilauan dari gudang penyimpanan. Ruang pameran berdinding hitam tempat judul-judul berhuruf serif melayang di atas patung-patung krom di dinding galeri yang berwarna gelap.
- Ramp — Departemen keuangan redaksi, halaman hitam putih dengan satu spidol neon. Permukaan publikasi yang praktis monokrom, di mana satu goresan hijau limau terang mengubah setiap interaksi menjadi sinyal moneter.