INO
Muuseumi vitriin vaikuses – iga eksponaat hõljub valges ruumis, nagu üksik objekt klaasi taga, raamitud peaaegu musta, vaevu kuuldava kirjastiiliga.
INO toimib peaaegu monokroomse ehtegaleriina: karge valge lõuend, üks soe, peaaegu must tint ja peaaegu täielik värvide puudumine. Visuaalne süsteem käsitleb iga rõngast nagu muuseumieksponaati – kliinilised tootefotod hõljuvad avaras negatiivses ruumis, mille hierarhia on üles ehitatud pigem asukoha, tähevahe ja valge värvi hulga kui fondi skaala või värvi kaudu. Navigeerimine asub lehe allosas ja koosneb neljast punktist siltidega (täidetud või tühjad), mis on traditsioonilise e-kaubanduse ülemise riba tahtlik ümberpööramine. Brändimärk ise on kontsentriliste rõngakontuuride kogum, mis kajastab toote kuju ja toimib pigem tüpograafilise skulptuuri kui logona.
Täislaiuses lõuend ilma sisu maksimaalse laiuse piiranguta. Põhiekraan hõlmab kogu lehe laiust, kus fotod ja graafika on ühtlaselt jaotatud (50/50). Tooteruudud kuvatakse kolmeveeruliste ridadena, millel on vaatevälja servast helde horisontaalne veeris. Alumine navigeerimisriba on tsentreeritud ja ankurdatud lehe jalusesse, mitte kinnitatud. Sektsioonivahetused kasutavad kas täisekraanil kuvatavat toimetuslikku fotot või puhast valget ruumi – mitte kunagi värviriba, eraldusjoont ega gradienti. Vertikaalne rütm on vaba: 80/1/1 peamiste sektsioonide vahel, mis võimaldab lehel hingata, mitte olla sisuga täidetud. Puudub külgriba, megamenüü ega ülemine päiseriba – "INO" logo asub ainult põhiekraani vasakus ülanurgas.
Koos eksisteerivad kaks erinevat pildi kuvamise režiimi: kliiniline tootefotograafia tasasel, helehallil, sujuval taustal (iga rõngas on pildistatud tsentreeritult, ilma käte, stiliseeritud rekvisiitide või pinnavarjudeta – objekt on peategelane) ja narratiivsed toimetuse pildid (rõngas rohuga ääristatud kastis, käsi, mis hoiab ketti), mis on renderdatud küllastumata täisekraanil olevate toimetuse fragmentidena. Tootepildid toimivad tootekaartidena; toimetuse pildid edastavad brändi meeleolu. Mõlemad on ühevärvilised või peaaegu ühevärvilised – põhipildil olev rohi on ainus rohelise varjund ja isegi see on summutatud metsatooniks. Liideses ikoone ei kasutata – kontsentriline rõnga sümbol asendab kogu ikonograafiat.
Palett
Neutraalne
- Obsidian Ink
#212123— Neutraalsed vormid, ikoonitekstid ja diskreetne kasutajaliidese tagasiside, kus värvilahendused peaksid jääma märkamatuks. - Bone
#ffffff— Lõuendilehed, papist pinnad, ümberpööratud tekst tumedal taustal. Domineeriv pind; peaaegu kogu veebisait asub siin. - Carbon
#000000— Navigeerimispunkti indikaatori ikoonitäide, dekoratiivsed graafilised piirjooned ja aktiivse oleku täide. Kasutatakse säästlikult maksimaalse tonaalse kontrasti saavutamiseks "luu" värviga. - Ash
#999999— Keskmise kontrastsusega äärised, kontrollkontuurid ja struktuurilised eraldajad. - Pebble
#a6a6a7— Sujuv tugitekst, õhukesed eraldajad põhiteksti ja teisese metaandmete jaoks. Kõige heledamat funktsionaalset halli kasutatakse hinnasiltide ja kaasneva teksti jaoks, mis peaks taustale taanduma.
Tüpograafia
11-st 18 pikslini · 4 sammu
- Sequel100Wide — asendamine: Jost (400 · kontuurid 400 · Ainus korporatiivne kirjatüüp, mida kasutatakse eranditult 400-rasvuses kõigis kontekstides – navigeerimine, põhitekst, pealkirjad, tiitrid, hinnakujundus ja pildiallkirjad. Laialdaselt paiknev geomeetriline sümbol helde tähevahega peegeldab kogu korporatiivset stiili. Paksu kirja puudumine on tahtlik: hierarhia saavutatakse suurtähtede, tähevahe ja paigutuse, mitte fondi paksuse muutmise abil.
- Arial — asendamine: system-ui · kontuurid 400 · Süsteemiülene varuvõimalus nuppude renderdamiseks pärandkontekstides. See ei ole osa brändingust – see kuvatakse ainult siis, kui Sequel100Wide laadimine ebaõnnestub.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 23px |
| Nupu raadius | 50px |
| Kaardi raadius | 8px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 80-120px |
Tehisintellekt loob teie veebisaidi INO stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Airbnb — Vaikne valge galeriisein ühe korallpunase järjehoidjaga
- Peak Design — Galerii sein, osaliselt valgustatud
- 099 SUPPLY — Mustvalgete objektidega täidetud galeriisein
- Apple (España) — valge galeriivitriin
- Apple (España) — Galerii aken hommikuses udus
- Custo — Püssimetalli värvi galerii monoliitse fondiga. Summutatud hallikasrohelistes toonides esindusruum, kus üks tume objekt ja 57px font räägivad enda eest.
- Silencio — Valge ruum hõljuvate esemetega. Soojast paberist galeriiväljapanek, kus iga element võtab oma koha negatiivse mahu taustal ja vaikus on tahtlik disainiotsus.
- Oakâme — Päikesepaisteline Provence'i töökoda, mis on nikerdatud soojast kivist
- Nike — Mustvalge spordisaavutuste galerii – valged seinad, toode kui kunstiteos, kroom sulanud taustaga
- Sociotype — Tüüpiline muuseumieksemplar valgel paberil
- Arc — industriaalne valge galerii kesköise vee kohal
- Rivian — Galerii betoonseinal on elektriline monoliit. Rivian esitleb iga sõidukit skulptuurina tohutu valge ruumi taustal, mille tüpograafia on nii suur, et sellest saab arhitektuuriline element, ja üks soe kollane toon lõhub monokromaatilist atmosfääri nagu päikesevalgus matil pinnal.