INO
Et museumsmontre i stillhet – hver utstilling svever i et hvitt rom, som et enkelt objekt bak glass, innrammet av en nesten svart, knapt hørbar skrifttype
INO fungerer som et nesten monokromt smykkegalleri: et skarpt hvitt lerret, et enkelt, varmt, nesten svart blekk, og et nesten totalt fravær av farge. Det visuelle systemet behandler hver ring som et museumsstykke – kliniske produktfotografier som svever i et ekspansivt negativt rom, med hierarki konstruert gjennom posisjon, bokstavavstand og mengden hvitt i stedet for gjennom skriftstørrelse eller farge. Navigasjonen er plassert nederst på siden, og består av fire prikker med etiketter (fylt eller tomt), en bevisst reversering av den tradisjonelle e-handels øverste linjen. Selve merkevaren er et sett med konsentriske ringkonturer, som gjenspeiler produktets form og fungerer som en typografisk skulptur snarere enn en logo.
Et lerret i full bredde uten maksimal innholdsbreddegrense. Hovedskjermen tar opp hele sidens bredde, med fotografi og grafikk jevnt fordelt (50/50). Produktrutenett vises som rader med tre kolonner med en sjenerøs horisontal margin fra kanten av visningsfeltet. Nederste navigasjon er sentrert og forankret til sidens bunntekst, i stedet for festet. Seksjonsskift bruker enten redaksjonell fotografering i fullskjerm eller rent hvitt område – aldri en fargelinje, delelinje eller gradient. Den vertikale rytmen er fri: 80/1/1 mellom hovedseksjonene, slik at siden kan puste i stedet for å fylles med innhold. Det er ingen sidefelt, ingen megameny, ingen topptekstlinje – "INO"-logoen er plassert utelukkende i øvre venstre hjørne av hovedskjermen.
To distinkte bildevisningsmoduser eksisterer side om side: klinisk produktfotografering på en flat, lysegrå, sømløs bakgrunn (hver ring er fotografert sentrert, uten hender, stiliserte rekvisitter eller overflateskygger – objektet er hovedpersonen) og narrative redaksjonelle bilder (en ring i en gresskledd eske, en hånd som holder en kjede), gjengitt som desaturerte redaksjonelle fragmenter i fullskjerm. Produktbilder fungerer som produktkort; de redaksjonelle bildene formidler merkets stemning. Begge er monokrome eller nesten monokrome – gresset i hovedbildet er det eneste antydningen til grønt, og selv det er dempet til en skogfargetone. Ikoner brukes ikke i grensesnittet – et konsentrisk ringsymbol erstatter all ikonografi.
Palett
Nøytral
- Obsidian Ink
#212123— Nøytrale formtilstander, ikontekst og diskret brukergrensesnitttilbakemelding der fargeskjemaer skal forbli diskrete. - Bone
#ffffff— Lerretsider, pappoverflater, invertert tekst på mørk bakgrunn. Den dominerende overflaten; nesten hele nettstedet ligger her. - Carbon
#000000— Ikonfyll, dekorative grafiske omriss og aktiv tilstandsfyll for navigasjonspunktindikatoren. Brukes sparsomt for maksimal tonekontrast med «bein»-fargen. - Ash
#999999— Middels kontrastrammer, kontrollkonturer og strukturelle skillevegger. - Pebble
#a6a6a7— Dempet støttetekst, tynne skilletegn for hovedteksten og sekundære metadata. Den lyseste funksjonelle gråfargen brukes til prislapper og tilhørende tekst som skal trekke seg tilbake i bakgrunnen.
Typografi
fra 11 til 18 piksler · 4 trinn
- Sequel100Wide — erstatning: Jost (400 · omriss 400 · Den eneste bedriftsskrifttypen som utelukkende brukes i 400-vekten på tvers av alle kontekster – navigasjon, brødtekst, overskrifter, titler, priser og bildetekster. Det geometriske symbolet med stor avstand og sjenerøs bokstavavstand gjenspeiler hele bedriftsstilen. Mangelen på fet skrifttykkelse er bevisst: hierarki oppnås gjennom store bokstaver, bokstavavstand og plassering, snarere enn gjennom varierende skrifttykkelse.
- Arial — erstatning: system-ui · omriss 400 · Et systemomfattende alternativ for gjengivelse av knapper i eldre kontekster. Det er ikke en del av merkevarebyggingen – det vises bare hvis Sequel100Wide ikke lastes inn.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 23px |
| Knapperadius | 50px |
| Kortradius | 8px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 80-120px |
AI vil bygge nettstedet ditt i INO -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Airbnb — En stille hvit gallerivegg med et enkelt korallrødt bokmerke
- Peak Design — Gallerivegg, delvis opplyst
- 099 SUPPLY — En gallerivegg fylt med svart-hvite objekter
- Apple (España) — hvitt gallerimontre
- Apple (España) — Et gallerivindu i morgentåken
- Custo — Et galleri i pistolfarget farge med en monolittisk skrifttype. Et utstillingslokale i dempede grågrønne toner, hvor et enkelt mørkt objekt og en skriftstørrelse på 57 piksler taler for seg selv.
- Silencio — Et hvitt rom med svevende gjenstander. En galleriutstilling laget av varmt papir, hvor hvert element inntar sin plass mot en bakgrunn av negativt volum, og stillheten er en bevisst designbeslutning.
- Oakâme — Et solfylt provençalsk verksted skåret ut av varm stein
- Nike — Et monokromt galleri av sportsprestasjoner – hvite vegger, produktet som et kunstverk, krom oppløst i bakgrunnen
- Sociotype — Et typisk museumseksemplar på hvitt papir
- Arc — industrielt hvitt galleri over midnattsvann
- Rivian — En elektrisk monolitt på galleriets betongvegg. Rivian presenterer hvert kjøretøy som en skulptur mot et enormt hvitt rom, med typografi så stor at den blir et arkitektonisk element, og en enkelt varm gulfarge som bryter den monokromatiske atmosfæren, som sollys på en matt overflate.