INO
Sebuah etalase museum dalam keheningan – setiap benda pameran mengambang di ruang putih, seperti sebuah objek tunggal di balik kaca, dibingkai oleh font yang hampir hitam dan hampir tak terdengar.
INO berfungsi sebagai galeri perhiasan yang hampir monokrom: kanvas putih bersih, tinta tunggal yang hangat, hampir hitam, dan hampir tanpa warna. Sistem visual memperlakukan setiap cincin seperti benda museum—foto produk klinis yang mengambang di ruang negatif yang luas, dengan hierarki yang dibangun melalui posisi, jarak antar huruf, dan volume warna putih, bukan melalui skala atau warna font. Navigasi terletak di bagian bawah halaman, terdiri dari empat titik dengan label (terisi atau kosong), sebuah pembalikan yang disengaja dari bilah atas e-commerce tradisional. Tanda merek itu sendiri adalah serangkaian kontur cincin konsentris, yang menggemakan bentuk produk dan berfungsi sebagai pahatan tipografi daripada logo.
Kanvas lebar penuh tanpa batasan lebar konten maksimum. Layar utama menempati seluruh lebar halaman, dengan fotografi dan grafik dibagi rata (50/50). Kisi produk ditampilkan sebagai baris tiga kolom dengan margin horizontal yang cukup lebar dari tepi tampilan. Navigasi bawah dipusatkan dan ditambatkan ke footer halaman, bukan disematkan. Pemisah bagian menggunakan fotografi editorial layar penuh atau ruang putih murni—tidak pernah menggunakan bilah warna, garis pemisah, atau gradien. Ritme vertikal bebas: 80/1/1 di antara bagian-bagian utama, memungkinkan halaman untuk bernapas daripada dipenuhi dengan konten. Tidak ada sidebar, tidak ada mega-menu, tidak ada bilah header atas—logo "INO" hanya terletak di sudut kiri atas layar utama.
Dua mode tampilan gambar yang berbeda hadir secara bersamaan: fotografi produk klinis dengan latar belakang datar, abu-abu muda, dan tanpa sambungan (setiap cincin difoto di tengah, tanpa tangan, properti bergaya, atau bayangan permukaan—objek adalah protagonisnya) dan gambar editorial naratif (sebuah cincin dalam kotak berlapis rumput, sebuah tangan memegang rantai), yang ditampilkan sebagai fragmen editorial layar penuh dengan saturasi rendah. Gambar produk berfungsi sebagai kartu produk; gambar editorial menyampaikan suasana merek. Keduanya monokrom atau hampir monokrom—rumput dalam gambar utama adalah satu-satunya petunjuk warna hijau, dan bahkan itu pun diredam menjadi warna hutan. Ikon tidak digunakan dalam antarmuka—simbol cincin konsentris menggantikan semua ikonografi.
Palet
Netral
- Obsidian Ink
#212123— Tampilan netral, teks ikon, dan umpan balik UI yang tidak mencolok di mana skema warna harus tetap tidak mengganggu. - Bone
#ffffff— Halaman kanvas, permukaan karton, teks terbalik pada latar belakang gelap. Permukaan yang dominan; hampir seluruh situs web terletak di sini. - Carbon
#000000— Isian ikon, garis luar grafis dekoratif, dan isian status aktif untuk indikator titik navigasi. Digunakan secara hemat untuk kontras tonal maksimal dengan warna "tulang". - Ash
#999999— Batas dengan kontras sedang, kontur kontrol, dan pembatas struktural. - Pebble
#a6a6a7— Teks pendukung yang redup, pemisah tipis untuk teks utama, dan metadata sekunder. Warna abu-abu paling terang digunakan untuk label harga dan teks pendamping yang seharusnya menyatu dengan latar belakang.
Tipografi
dari 11 hingga 18px · 4 langkah
- Sequel100Wide — penggantian: Jost (400 · garis besar 400 · Satu-satunya jenis huruf korporat yang digunakan secara eksklusif dalam bobot 400 di semua konteks—navigasi, teks isi, judul, subjudul, harga, dan keterangan. Simbol geometris dengan spasi lebar dan jarak antar huruf yang luas mencerminkan keseluruhan gaya korporat. Tidak adanya bobot tebal adalah disengaja: hierarki dicapai melalui kapitalisasi, spasi antar huruf, dan penempatan, bukan melalui variasi bobot font.
- Arial — penggantian: system-ui · garis besar 400 · Sebuah mekanisme cadangan di seluruh sistem untuk menampilkan tombol dalam konteks lama. Ini bukan bagian dari branding—melainkan hanya muncul jika Sequel100Wide gagal dimuat.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 23px |
| Radius tombol | 50px |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80-120px |
AI akan membangun situs web Anda dengan gaya INO 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
- Airbnb — Dinding galeri putih yang tenang dengan satu pembatas buku berwarna merah koral.
- Peak Design — Dinding galeri, sebagian diterangi
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan benda-benda hitam dan putih.
- Apple (España) — etalase galeri putih
- Apple (España) — Jendela galeri di tengah kabut pagi.
- 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.
- Silencio — Sebuah ruangan putih dengan artefak yang melayang. Sebuah pajangan galeri yang terbuat dari kertas hangat, di mana setiap elemen menempati tempatnya dengan latar belakang volume negatif, dan keheningan adalah keputusan desain yang disengaja.
- Oakâme — Sebuah bengkel bergaya Provence yang bermandikan sinar matahari, diukir dari batu hangat.
- Nike — Galeri monokrom prestasi olahraga – dinding putih, produk sebagai karya seni, krom yang menyatu dengan latar belakang.
- Sociotype — Spesimen museum tipikal di atas kertas putih.
- Arc — galeri putih industri di atas air tengah malam
- Rivian — Sebuah monolit listrik di dinding beton galeri. Rivian menampilkan setiap kendaraan sebagai sebuah patung di atas ruang putih yang luas, dengan tipografi yang begitu besar sehingga menjadi elemen arsitektur, dan satu warna kuning hangat yang memecah suasana monokromatik, seperti sinar matahari di permukaan yang buram.