INO
Muzeja vitrīna klusumā – katrs eksponāts peld baltā telpā, kā atsevišķs objekts aiz stikla, ko ierāmē gandrīz melns, tik tikko dzirdams fonts.
INO funkcionē kā gandrīz vienkrāsaina rotaslietu galerija: dzidrs balts audekls, viena, silta, gandrīz melna tinte un gandrīz pilnīga krāsu neesamība. Vizuālā sistēma katru gredzenu uztver kā muzeja eksponātu — klīnisku produktu fotogrāfijas, kas peld plašā negatīvajā telpā, ar hierarhiju, kas veidota, izmantojot pozīciju, burtu atstarpes un baltās krāsas apjomu, nevis fonta mērogu vai krāsu. Navigācija atrodas lapas apakšdaļā un sastāv no četriem punktiem ar etiķetēm (aizpildītām vai tukšām), kas ir apzināta tradicionālās e-komercijas augšējās joslas apvērsums. Pats zīmola simbols ir koncentrisku gredzenu kontūru kopums, kas atspoguļo produkta formu un kalpo kā tipogrāfiska skulptūra, nevis logotips.
Pilna platuma audekls bez maksimālā satura platuma ierobežojuma. Galvenais ekrāns aizņem visu lapas platumu, un fotogrāfijas un grafika ir vienmērīgi sadalītas (50/50). Produktu režģi tiek attēloti kā trīs kolonnu rindas ar plašu horizontālu malu no skata loga malas. Apakšējā navigācija ir centrēta un piesaistīta lapas kājenei, nevis piesprausta. Sadaļu pārtraukumiem tiek izmantota vai nu pilnekrāna redakcionālā fotogrāfija, vai tīra balta telpa — nekad nav krāsu joslas, dalāmās līnijas vai gradienta. Vertikālais ritms ir brīvs: 80/1/1 starp galvenajām sadaļām, ļaujot lapai “elpot”, nevis būt piepildītai ar saturu. Nav sānu joslas, nav mega izvēlnes, nav augšējās galvenes joslas — logotips “INO” atrodas tikai galvenā ekrāna augšējā kreisajā stūrī.
Līdzās pastāv divi atšķirīgi attēlu attēlošanas režīmi: klīniska produktu fotogrāfija uz līdzena, gaiši pelēka, viengabalaina fona (katrs gredzens ir fotografēts centrēti, bez rokām, stilizētiem aksesuāriem vai virsmas ēnām — objekts ir galvenais varonis) un naratīvi redakcionāli attēli (gredzens ar zāli izklātā kastē, roka, kas tur ķēdi), kas atveidoti kā nepiesātināti, pilnekrāna redakcionāli fragmenti. Produktu attēli kalpo kā produktu kartītes; redakcionālie attēli atspoguļo zīmola noskaņojumu. Abi ir vienkrāsaini vai gandrīz vienkrāsaini — zāle galvenajā attēlā ir vienīgā zaļā nokrāsa, un pat tā ir klusināta līdz meža nokrāsai. Saskarnē netiek izmantotas ikonas — koncentriska gredzena simbols aizstāj visu ikonogrāfiju.
Palete
Neitrāls
- Obsidian Ink
#212123— Neitrālas formas, ikonu teksts un diskrēta lietotāja interfeisa atgriezeniskā saite, kur krāsu shēmām jāpaliek neuzkrītošām. - Bone
#ffffff— Audekla lapas, kartona virsmas, apgriezts teksts uz tumša fona. Dominējošā virsma; gandrīz visa tīmekļa vietne atrodas šeit. - Carbon
#000000— Ikonu aizpildījums, dekoratīvas grafiskās kontūras un aktīvā stāvokļa aizpildījums navigācijas punkta indikatoram. Izmantots taupīgi, lai panāktu maksimālu tonālo kontrastu ar "kaula" krāsu. - Ash
#999999— Vidēja kontrasta robežas, vadības kontūras un strukturālie atdalītāji. - Pebble
#a6a6a7— Klusināts papildu teksts, plāni atdalītāji galvenajam tekstam un sekundārajiem metadatiem. Gaišākā funkcionālā pelēkā krāsa tiek izmantota cenu zīmēm un pavadošajam tekstam, kam jāpazūd fonā.
Tipogrāfija
no 11 līdz 18 pikseļiem · 4 soļi
- Sequel100Wide — nomaiņa: Jost (400 · kontūras 400 · Vienīgais korporatīvais fonts, kas tiek izmantots tikai 400. rasas fontā visos kontekstos — navigācijā, pamattekstā, virsrakstos, nosaukumos, cenrādī un parakstos. Plaši izvietotais ģeometriskais simbols ar dāsnu burtu atstarpi atspoguļo visu korporatīvo stilu. Treknraksta svara trūkums ir apzināts: hierarhija tiek panākta, izmantojot lielos burtus, burtu atstarpes un novietojumu, nevis mainot fonta biezumu.
- Arial — nomaiņa: system-ui · kontūras 400 · Sistēmas mēroga rezerves variants pogu renderēšanai mantotos kontekstos. Tas nav daļa no zīmola — tas tiek parādīts tikai tad, ja neizdodas ielādēt Sequel100Wide.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 23px |
| Pogas rādiuss | 50px |
| Kartes rādiuss | 8px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 80-120px |
Mākslīgais intelekts izveidos jūsu vietni INO stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Airbnb — Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
- Peak Design — Galerijas siena, daļēji izgaismota
- 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
- Apple (España) — balta galerijas vitrīna
- Apple (España) — Galerijas logs rīta miglā
- Custo — Ieroču metāla krāsas galerija ar monolītu fontu. Izstāžu zāle klusinātos pelēkzaļos toņos, kur viens tumšs objekts un 57px fonts runā paši par sevi.
- Silencio — Balta istaba ar peldošiem artefaktiem. Galerijas ekspozīcija, kas veidota no silta papīra, kur katrs elements ieņem savu vietu uz negatīva apjoma fona, un klusums ir apzināts dizaina lēmums.
- Oakâme — Saules pielieta Provansas darbnīca, kas izgrebta no silta akmens
- Nike — Monohroma sporta sasniegumu galerija – baltas sienas, produkts kā mākslas darbs, hroms izšķīdis fonā
- Sociotype — Tipisks muzeja paraugs uz balta papīra
- Arc — industriāla balta galerija virs pusnakts ūdens
- Rivian — Elektrisks monolīts uz galerijas betona sienas. Rivians katru transportlīdzekli attēlo kā skulptūru uz plašas baltas telpas fona, ar tik lielu tipogrāfijas apjomu, ka tā kļūst par arhitektūras elementu, un vienu siltu dzeltenu krāsu, kas pārtrauc monohromatisko atmosfēru, līdzīgi kā saules gaisma uz matētas virsmas.