INO
Isang displey ng museo nang tahimik – bawat eksibit ay lumulutang sa isang puting espasyo, parang isang bagay sa likod ng salamin, na naka-frame sa pamamagitan ng halos itim at halos hindi marinig na font
Ang INO ay gumaganap bilang isang halos monochrome na gallery ng alahas: isang malinis na puting canvas, isang nag-iisa, mainit, halos itim na tinta, at halos walang kulay. Tinatrato ng visual system ang bawat singsing na parang isang piraso ng museo—mga klinikal na litrato ng produkto na lumulutang sa malawak na negatibong espasyo, na may hirarkiya na binuo sa pamamagitan ng posisyon, pagitan ng mga letra, at dami ng puti sa halip na sa pamamagitan ng laki o kulay ng font. Ang nabigasyon ay matatagpuan sa ibaba ng pahina, na binubuo ng apat na tuldok na may mga label (puno o walang laman), isang sadyang pagbaligtad ng tradisyonal na top bar ng e-commerce. Ang brand mark mismo ay isang hanay ng mga concentric ring contour, na umaalingawngaw sa hugis ng produkto at nagsisilbing isang typographic sculpture sa halip na isang logo.
Isang full-width canvas na walang maximum na limitasyon sa lapad ng nilalaman. Sinasakop ng pangunahing screen ang buong lapad ng pahina, kung saan pantay na hinati ang potograpiya at mga graphics (50/50). Ang mga grid ng produkto ay ipinapakita bilang mga hilera na may tatlong hanay na may malaking pahalang na margin mula sa gilid ng viewport. Ang nabigasyon sa ibaba ay nakasentro at naka-angkla sa footer ng pahina, sa halip na naka-pin. Ang mga section break ay gumagamit ng alinman sa full-screen editorial photography o purong puting espasyo—hindi kailanman isang color bar, linya ng paghahati, o gradient. Ang patayong ritmo ay malaya: 80/1/1 sa pagitan ng mga pangunahing seksyon, na nagbibigay-daan sa pahina na huminga sa halip na mapuno ng nilalaman. Walang sidebar, walang mega-menu, walang top header bar—ang logo na "INO" ay matatagpuan lamang sa kaliwang sulok sa itaas ng pangunahing screen.
Dalawang magkaibang mode ng pagpapakita ng imahe ang magkakasamang umiiral: klinikal na potograpiya ng produkto sa isang patag, mapusyaw na kulay abo, at walang tahi na background (bawat singsing ay nakasentro ang litrato, walang mga kamay, may mga naka-istilong props, o mga anino sa ibabaw—ang bagay ang bida) at mga naratibong larawan ng editoryal (isang singsing sa loob ng kahon na may linya ng damuhan, isang kamay na may hawak na kadena), na inire-render bilang desaturated, full-screen na mga fragment ng editoryal. Ang mga larawan ng produkto ay nagsisilbing mga product card; ang mga larawan ng editoryal ay naghahatid ng mood ng brand. Parehong monochrome o halos monochrome—ang damo sa pangunahing larawan ang tanging pahiwatig ng berde, at kahit na iyon ay naka-mute sa isang kulay ng kagubatan. Hindi ginagamit ang mga icon sa interface—ang isang concentric na simbolo ng singsing ay pumapalit sa lahat ng iconography.
Paleta
Neutral
- Obsidian Ink
#212123— Mga neutral na estado ng anyo, teksto ng icon, at maingat na feedback ng UI kung saan dapat manatiling hindi nakakasagabal ang mga scheme ng kulay. - Bone
#ffffff— Mga pahinang canvas, mga ibabaw na karton, nakabaligtad na teksto sa isang madilim na background. Ang nangingibabaw na ibabaw; halos ang buong website ay matatagpuan dito. - Carbon
#000000— Puno ng icon, mga pandekorasyon na balangkas na grapiko, at punan ng aktibong estado para sa tagapagpahiwatig ng punto ng nabigasyon. Ginagamit nang matipid para sa pinakamataas na contrast ng tono gamit ang kulay na "buto". - Ash
#999999— Mga hangganan na may katamtamang contrast, mga control contour at mga structural divider. - Pebble
#a6a6a7— Mahinahong sumusuportang teksto, manipis na mga separator para sa pangunahing teksto, at pangalawang metadata. Ang pinakamapusyaw na functional gray ay ginagamit para sa mga price tag at kasamang teksto na dapat ay lumayo sa background.
Tipograpiya
mula 11 hanggang 18px · 4 na hakbang
- Sequel100Wide — kapalit: Jost (400 · mga balangkas 400 · Ang tanging tipo ng titik para sa korporasyon na eksklusibong ginagamit sa bigat ng 400 sa lahat ng konteksto—nabigasyon, katawan ng teksto, mga heading, mga pamagat, pagpepresyo, at mga caption. Ang malawak na pagitan ng heometrikong simbolo na may malawak na espasyo sa pagitan ng mga letra ay sumasalamin sa buong istilo ng korporasyon. Ang kawalan ng naka-bold na bigat ay sinadya: ang hierarchy ay nakakamit sa pamamagitan ng malaking titik, espasyo sa pagitan ng mga letra, at pagpoposisyon, sa halip na sa pamamagitan ng iba't ibang bigat ng font.
- Arial — kapalit: system-ui · mga balangkas 400 · Isang fallback sa buong sistema para sa mga rendering button sa mga legacy context. Hindi ito bahagi ng branding—lumilitaw lamang ito kung hindi maglo-load ang Sequel100Wide.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 23px |
| Radius ng buton | 50px |
| Radius ng card | 8px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80-120px |
Gagawa ang AI ng website mo sa estilong INO at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Airbnb — Isang tahimik na puting gallery wall na may isang coral red bookmark
- Peak Design — Pader ng gallery, bahagyang naiilawan
- 099 SUPPLY — Isang gallery wall na puno ng mga itim at puting bagay
- Apple (España) — puting display case ng gallery
- Apple (España) — Isang bintana ng gallery sa hamog sa umaga
- Custo — Isang gallery na kulay gunmetal na may monolitikong font. Isang showroom sa mahinang kulay abo-berde, kung saan ang isang madilim na bagay at 57px na font ay nagsasalita para sa kanilang sarili.
- Silencio — Isang puting silid na may mga lumulutang na artifact. Isang gallery display na gawa sa mainit na papel, kung saan ang bawat elemento ay pumuwesto laban sa isang negatibong backdrop ng volume, at ang katahimikan ay isang sinadyang desisyon sa disenyo.
- Oakâme — Isang Provençal workshop na nasisinagan ng araw na inukit mula sa mainit na bato
- Nike — Isang monochrome gallery ng mga nagawa sa palakasan – mga puting pader, ang produkto bilang isang likhang sining, chrome na natunaw sa likuran
- Sociotype — Isang tipikal na ispesimen ng museo sa puting papel
- Arc — industriyal na puting gallery sa ibabaw ng tubig sa hatinggabi
- Rivian — Isang de-kuryenteng monolito sa kongkretong pader ng gallery. Inilalarawan ng Rivian ang bawat sasakyan bilang isang iskultura laban sa isang malawak na puting espasyo, na may napakalaking tipograpiya na nagiging isang elemento ng arkitektura, at isang mainit na dilaw na sumisira sa monokromatikong atmospera, tulad ng sikat ng araw sa isang matte na ibabaw.