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
- AXEL ARIGATO — Axel Arigato er et åpenhjertig, urbant fotoalbum. Sidene er satt sammen som en sekvens av hvite redaksjonelle felt og nøye beskjærte, samfunnsrelevante motefotografier, ispedd kompakte, svarte bildetekster.
- 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