INO
Sebuah kotak pameran muzium dalam diam – setiap pameran terapung di ruang putih, seperti satu objek di sebalik kaca, dibingkai oleh fon yang hampir hitam dan hampir tidak dapat didengari
INO berfungsi sebagai galeri barang kemas yang hampir monokrom: kanvas putih bersih, dakwat tunggal yang hangat, hampir hitam, dan hampir tiada warna langsung. Sistem visual melayan setiap cincin seperti karya muzium—gambar produk klinikal terapung dalam ruang negatif yang luas, dengan hierarki yang dibina melalui kedudukan, jarak huruf dan isipadu putih dan bukannya melalui skala atau warna fon. Navigasi terletak di bahagian bawah halaman, yang terdiri daripada empat titik dengan label (diisi atau kosong), pembalikan bar atas e-dagang tradisional yang disengajakan. Tanda jenama itu sendiri ialah satu set kontur cincin sepusat, menggemakan bentuk produk dan berfungsi sebagai arca tipografi dan bukannya logo.
Kanvas lebar penuh tanpa had lebar kandungan maksimum. Skrin utama memenuhi keseluruhan lebar halaman, dengan fotografi dan grafik dibahagikan sama rata (50/50). Grid produk dipaparkan sebagai baris tiga lajur dengan margin mendatar yang luas dari tepi port paparan. Navigasi bawah dipusatkan dan ditambat pada pengaki halaman, dan bukannya disematkan. Pemisah bahagian menggunakan sama ada fotografi editorial skrin penuh atau ruang putih tulen—tidak pernah ada bar warna, garis pemisah atau kecerunan. Ritma menegak adalah bebas: 80/1/1 antara bahagian utama, membolehkan halaman bernafas dan bukannya diisi dengan kandungan. Tiada bar sisi, tiada mega-menu, tiada bar pengepala atas—logo "INO" terletak semata-mata di sudut kiri atas skrin utama.
Dua mod paparan imej yang berbeza wujud bersama: fotografi produk klinikal pada latar belakang yang rata, kelabu muda, dan lancar (setiap cincin difoto berpusat, tanpa tangan, prop bergaya atau bayang permukaan—objeknya ialah protagonis) dan imej editorial naratif (cincin dalam kotak yang dipenuhi rumput, tangan memegang rantai), yang dipaparkan sebagai serpihan editorial skrin penuh yang dinyahtepu. Imej produk berfungsi sebagai kad produk; imej editorial menyampaikan mood jenama. Kedua-duanya adalah monokrom atau hampir monokrom—rumput dalam imej utama adalah satu-satunya sedikit warna hijau, dan itu pun disenyapkan kepada rona hutan. Ikon tidak digunakan dalam antara muka—simbol cincin sepusat menggantikan semua ikonografi.
Palet
Neutral
- Obsidian Ink
#212123— Keadaan bentuk neutral, teks ikon dan maklum balas UI yang diskret di mana skema warna harus kekal tidak mengganggu. - Bone
#ffffff— Halaman kanvas, permukaan kadbod, teks terbalik pada latar belakang gelap. Permukaan dominan; hampir keseluruhan laman web terletak di sini. - Carbon
#000000— Isian ikon, garisan grafik hiasan dan isian keadaan aktif untuk penunjuk titik navigasi. Digunakan secara berhati-hati untuk kontras ton maksimum dengan warna "tulang". - Ash
#999999— Sempadan kontras sederhana, kontur kawalan dan pembahagi struktur. - Pebble
#a6a6a7— Teks sokongan yang lembut, pemisah nipis untuk teks utama dan metadata sekunder. Kelabu berfungsi paling terang digunakan untuk tanda harga dan teks iringan yang sepatutnya surut ke latar belakang.
Tipografi
dari 11 hingga 18px · 4 langkah
- Sequel100Wide — penggantian: Jost (400 · garis besar 400 · Satu-satunya jenis taip korporat yang digunakan secara eksklusif dalam pemberat 400 merentasi semua konteks—navigasi, teks isi, tajuk, tajuk, harga dan kapsyen. Simbol geometri yang dijarakkan secara meluas dengan jarak huruf yang luas mencerminkan keseluruhan gaya korporat. Ketiadaan pemberat yang tebal adalah disengajakan: hierarki dicapai melalui penggunaan huruf besar, jarak huruf dan kedudukan, dan bukannya melalui pemberat fon yang berbeza-beza.
- Arial — penggantian: system-ui · garis besar 400 · Cadangan sandaran seluruh sistem untuk butang pemaparan dalam konteks legasi. Ia bukan sebahagian daripada penjenamaan—ia hanya muncul jika Sequel100Wide gagal dimuatkan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 23px |
| Jejari butang | 50px |
| Jejari kad | 8px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80-120px |
AI akan membina laman web anda dalam gaya INO 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
- Airbnb — Dinding galeri putih yang tenang dengan penanda buku merah karang tunggal
- Peak Design — Dinding galeri, sebahagiannya diterangi
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan objek hitam putih
- Apple (España) — kotak paparan galeri putih
- Apple (España) — Tingkap galeri dalam kabus pagi
- 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.
- Silencio — Sebuah bilik putih dengan artifak terapung. Paparan galeri yang diperbuat daripada kertas suam, di mana setiap elemen menempati tempatnya dengan latar belakang isipadu negatif, dan kesunyian adalah keputusan reka bentuk yang disengajakan.
- Oakâme — Bengkel Provençal yang disinari matahari yang diukir daripada batu suam
- Nike — Galeri monokrom pencapaian sukan – dinding putih, produk sebagai karya seni, krom dilarutkan ke latar belakang
- Sociotype — Spesimen muzium tipikal di atas kertas putih
- Arc — galeri putih perindustrian di atas air tengah malam
- Rivian — Sebuah monolit elektrik di dinding konkrit galeri. Rivian mempersembahkan setiap kenderaan sebagai arca di hadapan ruang putih yang luas, dengan tipografi yang begitu besar sehingga menjadi elemen seni bina, dan satu warna kuning hangat yang memecahkan atmosfera monokromatik, seperti cahaya matahari di permukaan matte.