INO
O vitrină de muzeu în tăcere – fiecare exponat plutește într-un spațiu alb, ca un singur obiect în spatele unui geam, încadrat de un font aproape negru, abia perceptibil.
INO funcționează ca o galerie de bijuterii aproape monocromă: o pânză albă imaculată, o singură cerneală caldă, aproape neagră și o absență aproape totală a culorii. Sistemul vizual tratează fiecare inel ca pe o piesă de muzeu - fotografii clinice de produse plutind într-un spațiu negativ extins, cu o ierarhie construită prin poziție, spațierea literelor și volumul de alb, mai degrabă decât prin scara fontului sau culoare. Navigarea se află în partea de jos a paginii, constând din patru puncte cu etichete (umplute sau goale), o inversare deliberată a barei superioare tradiționale a comerțului electronic. Marca în sine este un set de contururi concentrice de inele, care reflectă forma produsului și servesc mai degrabă ca o sculptură tipografică decât ca un logo.
O pânză pe toată lățimea paginii, fără limită maximă de lățime a conținutului. Ecranul principal ocupă întreaga lățime a paginii, fotografiile și grafica fiind împărțite uniform (50/50). Grilele de produse sunt afișate ca rânduri cu trei coloane, cu o margine orizontală generoasă de la marginea ferestrei de vizualizare. Navigarea din partea de jos este centrată și ancorată la subsolul paginii, nu fixată. Sfârșiturile de secțiune utilizează fie fotografii editoriale pe tot ecranul, fie spațiu alb pur - niciodată o bară de culoare, o linie de divizare sau un gradient. Ritmul vertical este liber: 80/1/1 între secțiunile principale, permițând paginii să respire, mai degrabă decât să fie umplută cu conținut. Nu există bară laterală, mega-meniu, bară de antet superioară - sigla „INO” este situată exclusiv în colțul din stânga sus al ecranului principal.
Două moduri distincte de afișare a imaginilor coexistă: fotografia clinică a produsului pe un fundal plat, gri deschis, fără sudură (fiecare inel este fotografiat centrat, fără mâini, recuzită stilizată sau umbre de suprafață - obiectul este protagonistul) și imagini editoriale narative (un inel într-o cutie mărginită de iarbă, o mână care ține un lanț), redate ca fragmente editoriale desaturate, pe tot ecranul. Imaginile produselor servesc drept carduri de produs; imaginile editoriale transmit starea de spirit a mărcii. Ambele sunt monocrome sau aproape monocrome - iarba din imaginea principală este singura urmă de verde și chiar și aceasta este estompată, ajungând la o nuanță de pădure. Pictogramele nu sunt utilizate în interfață - un simbol inelar concentric înlocuiește toată iconografia.
Paletă
Neutru
- Obsidian Ink
#212123— Stări neutre ale formularului, text cu pictograme și feedback discret în interfața cu utilizatorul, în timp ce schemele de culori ar trebui să rămână discrete. - Bone
#ffffff— Pagini din pânză, suprafețe din carton, text inversat pe un fundal întunecat. Suprafața dominantă; aproape întregul site web se află aici. - Carbon
#000000— Umplere cu pictograme, contururi grafice decorative și umplere cu stare activă pentru indicatorul punctului de navigare. Folosit cu moderație pentru un contrast tonal maxim cu culoarea „osului”. - Ash
#999999— Borduri cu contrast mediu, contururi de control și separatoare structurale. - Pebble
#a6a6a7— Text auxiliar discret, separatoare subțiri pentru textul principal și metadatele secundare. Cel mai deschis gri funcțional este folosit pentru etichetele de preț și textul însoțitor care ar trebui să se retragă în fundal.
Tipografie
de la 11 la 18px · 4 pași
- Sequel100Wide — înlocuire: Jost (400 · contururi 400 · Singurul font corporativ utilizat exclusiv în grosimea 400 în toate contextele - navigare, text, anteturi, titluri, prețuri și legende. Simbolul geometric la distanțe mari, cu o spațiere generoasă între litere, reflectă întregul stil corporativ. Lipsa unei grosimi îngroșate este intenționată: ierarhia se realizează prin majuscule, spațiere între litere și poziționare, mai degrabă decât prin variația grosimii fontului.
- Arial — înlocuire: system-ui · contururi 400 · O soluție de rezervă la nivel de sistem pentru randarea butoanelor în contexte vechi. Nu face parte din branding - apare doar dacă Sequel100Wide nu se încarcă.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 23px |
| Raza butonului | 50px |
| Raza cardului | 8px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 80-120px |
Inteligența artificială vă va construi site-ul web în stilul INO și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- Peak Design — Perete galerie, parțial iluminat
- 099 SUPPLY — Un perete de galerie plin de obiecte alb-negru
- Apple (España) — vitrină albă pentru galerie
- Apple (España) — O fereastră de galerie în ceața dimineții
- Custo — O galerie de culoarea bronzului, cu un font monolitic. Un showroom în tonuri estompate de gri-verzui, unde un singur obiect întunecat și un font de 57px vorbesc de la sine.
- Silencio — O cameră albă cu artefacte plutitoare. O galerie de expoziții realizată din hârtie caldă, unde fiecare element își ocupă locul pe un fundal cu volum negativ, iar liniștea este o decizie de design intenționată.
- Oakâme — Un atelier provensal scăldat în soare, sculptat din piatră caldă
- Nike — O galerie monocromă a realizărilor sportive – pereți albi, produsul ca operă de artă, cromul dizolvat în fundal
- Sociotype — Un specimen tipic de muzeu pe hârtie albă
- Arc — galerie albă industrială peste apa de la miezul nopții
- Rivian — Un monolit electric pe peretele de beton al galeriei. Rivian prezintă fiecare vehicul ca pe o sculptură pe fundalul unui vast spațiu alb, cu o tipografie atât de mare încât devine un element arhitectural și un singur galben cald care sparge atmosfera monocromatică, precum lumina soarelui pe o suprafață mată.