INO
In museumvitrine yn stilte - elke tentoanstelling sweeft yn in wite romte, lykas ien objekt efter glês, omjûn troch in hast swart, amper te hearren lettertype
INO funksjonearret as in hast monochrome sieradengalery: in skerp wyt doek, in inkele, waarme, hast swarte inket, en in hast totale ôfwêzigens fan kleur. It fisuele systeem behannelet elke ring as in museumstik - klinyske produktfoto's dy't driuwe yn útwreide negative romte, mei hiërargy konstruearre troch posysje, letterôfstân en it folume fan wyt ynstee fan troch lettergrutte of kleur. Navigaasje is ûnderoan de pagina te finen, besteande út fjouwer stippen mei labels (fol of leech), in bewuste omkearing fan 'e tradisjonele e-commerce boppeste balke. It merk sels is in set konsintryske ringkontoeren, dy't de foarm fan it produkt wjerspegelje en tsjinje as in typografyske byldhoukeunst ynstee fan in logo.
In doek mei folsleine breedte sûnder maksimale ynhâldsbreedtelimyt. It haadskerm nimt de folsleine breedte fan 'e pagina yn beslach, mei fotografy en grafiken lyk ferdield (50/50). Produktrasters wurde werjûn as rigen fan trije kolommen mei in royale horizontale marzje fan 'e râne fan it viewport. De ûnderste navigaasje is sintraal en ferankere oan 'e sidefoettekst, ynstee fan fêstmakke. Seksjebrekken brûke redaksjonele fotografy op folslein skerm of suvere wite romte - nea in kleurbalke, skiedingsline of kleurferrin. It fertikale ritme is frij: 80/1/1 tusken haadseksjes, wêrtroch't de pagina sykhelje kin ynstee fan fol te wêzen mei ynhâld. Der is gjin sydbalke, gjin megamenu, gjin koptekstbalke boppe - it "INO"-logo stiet allinich yn 'e linker boppeste hoeke fan it haadskerm.
Twa ûnderskate werjeftemodi fan ôfbyldings besteane neist elkoar: klinyske produktfotografy op in platte, ljochtgrize, naadleaze eftergrûn (elke ring wurdt sintraal fotografearre, sûnder hannen, stylisearre rekwisieten of oerflakskaaden - it objekt is de protagonist) en ferhalende redaksjonele ôfbyldings (in ring yn in mei gers omjûne doaze, in hân dy't in ketting hâldt), werjûn as ûnfersêde, folslein skerm redaksjonele fragminten. Produktôfbyldings tsjinje as produktkaarten; de redaksjonele ôfbyldings jouwe de stimming fan it merk oer. Beide binne monochroom of hast monochroom - it gers yn 'e haadôfbylding is de ienige hint fan grien, en sels dat is dempt ta in boskkleur. Ikoanen wurde net brûkt yn 'e ynterface - in konsintrysk ringsymboal ferfangt alle ikonografy.
Palet
Neutraal
- Obsidian Ink
#212123— Neutrale foarmstaten, ikoantekst en diskrete UI-feedback wêr't kleurskema's ûnopfallend bliuwe moatte. - Bone
#ffffff— Kanvaspagina's, kartonnen oerflakken, omkearde tekst op in donkere eftergrûn. It dominante oerflak; hast de hiele webside is hjir te finen. - Carbon
#000000— Ikoanopfolling, dekorative grafyske omtrekken, en aktive steatopfolling foar de navigaasjepuntyndikator. Sparsam brûkt foar maksimaal toankontrast mei de "bonke"-kleur. - Ash
#999999— Middelkontrastgrinzen, kontrôlekontoeren en strukturele skieders. - Pebble
#a6a6a7— Subtile stipetekst, tinne skiedingstekens foar de haadtekst en sekundêre metadata. It lichtste funksjonele griis wurdt brûkt foar priiskaartsjes en begeliedende tekst dy't nei de eftergrûn moat ferdwine.
Typografy
fan 11 oant 18px · 4 stappen
- Sequel100Wide — ferfanging: Jost (400 · sketsen 400 · It ienige bedriuwslettertype dat allinnich brûkt wurdt yn it 400-gewicht yn alle konteksten - navigaasje, lichemstekst, kopteksten, titels, prizen en ûnderskriften. It breed ferspraat geometryske symboal mei royale letterôfstân reflektearret de heule bedriuwsstyl. It ûntbrekken fan in fet gewicht is opsetlik: hiërargy wurdt berikt troch haadletters, letterôfstân en posysjonearring, ynstee fan troch fariearjend lettergewicht.
- Arial — ferfanging: system-ui · sketsen 400 · In systeemwide fallback foar it werjaan fan knoppen yn âlde konteksten. It is gjin ûnderdiel fan 'e branding - it ferskynt allinich as Sequel100Wide net laden kin.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 23px |
| Knopradius | 50px |
| Kaartradius | 8px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80-120px |
AI sil jo webside bouwe yn INO -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Airbnb — In rêstige wite galerymuorre mei in inkele koraalreade boekenlegger
- Peak Design — Galerymuorre, foar in part ferljochte
- 099 SUPPLY — In galerymuorre fol mei swarte en wite objekten
- Apple (España) — wite galeryvitrine
- Apple (España) — In galeryfinster yn 'e moarnsmist
- Custo — In gewearmetaalkleurige galery mei in monolitysk lettertype. In showroom yn gedempte griisgriene toanen, dêr't in inkele tsjustere objekt en in lettertype fan 57px foar harsels sprekke.
- Silencio — In wite keamer mei driuwende artefakten. In galeryútstalling makke fan waarm papier, dêr't elk elemint syn plak ynnimt tsjin in eftergrûn fan negatyf folume, en de stilte in bewuste ûntwerpbeslissing is.
- Oakâme — In sinne-oerdrenkte Provençaalske wurkpleats útsnien út waarme stien
- Nike — In monochrome galery fan sportprestaasjes - wite muorren, it produkt as in keunstwurk, chrome oplost yn 'e eftergrûn
- Sociotype — In typysk museumeksimplaar op wyt papier
- Arc — yndustriële wite galery oer middernachtswetter
- Rivian — In elektryske monolyt op 'e betonnen muorre fan 'e galery. Rivian presintearret elk auto as in byldhouwurk tsjin in enoarme wite romte, mei typografy sa grut dat it in arsjitektoanysk elemint wurdt, en in inkele waarme giele kleur dy't de monochromatyske sfear ûnderbrekt, lykas sinneljocht op in mat oerflak.