INO
Usa ka display case sa museyo nga hilom – ang matag exhibit naglutaw sa usa ka puti nga wanang, sama sa usa ka butang sa luyo sa bildo, nga gi-frame sa usa ka halos itom, halos dili madungog nga font
Ang INO naglihok isip usa ka halos monochrome nga galeriya sa alahas: usa ka presko nga puti nga canvas, usa ka init, halos itom nga tinta, ug halos hingpit nga pagkawala sa kolor. Gitratar sa visual system ang matag singsing sama sa usa ka piraso sa museyo—mga litrato sa klinikal nga produkto nga naglutaw sa halapad nga negatibo nga wanang, nga adunay hierarchy nga gitukod pinaagi sa posisyon, gilay-on sa mga letra, ug ang gidaghanon sa puti imbes nga pinaagi sa sukod sa font o kolor. Ang nabigasyon nahimutang sa ubos sa panid, nga gilangkoban sa upat ka tuldok nga adunay mga label (puno o walay sulod), usa ka tinuyo nga pagbalit-ad sa tradisyonal nga e-commerce top bar. Ang marka sa brand mismo usa ka hugpong sa concentric ring contours, nga nag-echo sa porma sa produkto ug nagsilbing usa ka typographic sculpture imbes nga usa ka logo.
Usa ka full-width nga canvas nga walay maximum content width limit. Ang main screen mo-okupar sa tibuok gilapdon sa panid, diin ang photography ug graphics parehas nga gibahin (50/50). Ang mga product grid gipakita isip tulo ka kolum nga laray nga adunay lapad nga pinahigda nga margin gikan sa ngilit sa viewport. Ang bottom navigation gisentro ug gi-angkla sa page footer, imbes nga gi-pin. Ang mga section break mogamit og full-screen editorial photography o puro nga puti nga espasyo—dili gyud color bar, dividing line, o gradient. Ang bertikal nga ritmo gawasnon: 80/1/1 tali sa mga dagkong seksyon, nga nagtugot sa panid nga makaginhawa imbes nga mapuno sa sulud. Walay sidebar, walay mega-menu, walay top header bar—ang logo nga "INO" nahimutang lamang sa ibabaw nga wala nga suok sa main screen.
Duha ka managlahing paagi sa pagpakita sa imahe ang nag-uban: klinikal nga potograpiya sa produkto sa usa ka patag, luspad nga abohon, walay putol nga background (ang matag singsing gilitratohan nga nakasentro, walay mga kamot, gi-istilo nga mga prop, o mga anino sa ibabaw—ang butang mao ang bida) ug mga naratibong editoryal nga imahe (usa ka singsing sa usa ka kahon nga gilibutan og sagbot, usa ka kamot nga naggunit og kadena), nga gihimo isip desaturated, full-screen nga mga tipik sa editoryal. Ang mga imahe sa produkto nagsilbing mga kard sa produkto; ang mga imahe sa editoryal nagpahayag sa mood sa brand. Pareho kini nga monochrome o hapit-monochrome—ang sagbot sa panguna nga imahe mao lamang ang timaan sa berde, ug bisan kana gi-mute sa usa ka kolor sa kalasangan. Ang mga icon wala gigamit sa interface—ang usa ka concentric nga simbolo sa singsing mopuli sa tanan nga iconography.
Paleta
Neutral
- Obsidian Ink
#212123— Mga estado sa neyutral nga porma, teksto sa icon, ug dili mamatikdan nga feedback sa UI diin ang mga iskema sa kolor kinahanglan nga magpabilin nga dili makabalda. - Bone
#ffffff— Mga panid nga canvas, mga nawong nga karton, baliktad nga teksto sa usa ka itom nga background. Ang dominanteng nawong; halos ang tibuok website nahimutang dinhi. - Carbon
#000000— Puno sa icon, pangdekorasyon nga mga graphic outline, ug active state fill para sa navigation point indicator. Gigamit nga talagsa ra para sa pinakataas nga tonal contrast nga adunay "bone" nga kolor. - Ash
#999999— Mga utlanan nga adunay medium nga kontraste, mga control contour ug mga structural divider. - Pebble
#a6a6a7— Hinay nga nagsuporta nga teksto, nipis nga mga separator para sa pangunang teksto, ug sekondaryang metadata. Ang pinakagaan nga functional gray gigamit para sa mga price tag ug kaubang teksto nga kinahanglan nga mobalhin sa background.
Tipograpiya
gikan sa 11 ngadto sa 18px · 4 ka lakang
- Sequel100Wide — kapuli: Jost (400 · mga balangkas 400 · Ang bugtong corporate typeface nga gigamit lamang sa 400 weight sa tanang konteksto—nabigasyon, body text, heading, titulo, presyo, ug mga caption. Ang lapad nga gilay-on nga geometric nga simbolo nga adunay lapad nga gilay-on sa mga letra nagpakita sa tibuok corporate style. Ang kakulang sa bold weight tinuyo: ang hierarchy nakab-ot pinaagi sa capitalization, gilay-on sa mga letra, ug pagposisyon, imbes nga pinaagi sa pag-usab-usab sa font weight.
- Arial — kapuli: system-ui · mga balangkas 400 · Usa ka sistema-tibuok nga fallback para sa pag-render sa mga buton sa mga legacy context. Dili kini kabahin sa branding—mogawas lang kini kung ang Sequel100Wide dili mo-load.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 23px |
| Radius sa butones | 50px |
| Radius sa kard | 8px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 80-120px |
Ang AI motukod sa imong website sa estilo sa INO ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Airbnb — Usa ka hilom nga puti nga bungbong sa gallery nga adunay usa ka coral red bookmark
- Peak Design — Pader sa galeriya, gamay ra ang suga
- 099 SUPPLY — Usa ka bungbong sa gallery nga puno sa itom ug puti nga mga butang
- Apple (España) — puti nga display case sa gallery
- Apple (España) — Usa ka bintana sa gallery sa gabon sa buntag
- Custo — Usa ka galeriya nga kolor gunmetal nga adunay monolithic font. Usa ka showroom nga adunay muted gray-green nga mga tono, diin ang usa ka itom nga butang ug 57px nga font nagsulti alang sa ilang kaugalingon.
- Silencio — Usa ka puti nga kwarto nga adunay naglutaw nga mga artifact. Usa ka gallery display nga hinimo sa init nga papel, diin ang matag elemento nag-okupar sa iyang lugar batok sa background sa negatibo nga volume, ug ang kahilom usa ka tinuyo nga desisyon sa disenyo.
- Oakâme — Usa ka Provençal workshop nga gibisbisan sa adlaw nga gikulit gikan sa init nga bato
- Nike — Usa ka monochrome nga galeriya sa mga kalampusan sa paugnat sa kusog – puti nga mga bungbong, ang produkto isip usa ka obra maestra, chrome nga natunaw sa background
- Sociotype — Usa ka tipikal nga espesimen sa museyo sa puti nga papel
- Arc — industriyal nga puti nga galeriya ibabaw sa tubig sa tungang gabii
- Rivian — Usa ka electric monolith sa konkretong bungbong sa gallery. Gipakita sa Rivian ang matag sakyanan isip usa ka eskultura batok sa usa ka halapad nga puti nga wanang, nga adunay tipograpiya nga dako kaayo nga kini nahimong usa ka elemento sa arkitektura, ug usa ka mainit nga dilaw nga nagbungkag sa monochromatic nga atmospera, sama sa kahayag sa adlaw sa usa ka matte nga nawong.