INO
Una vitrina de museu en silenci: cada exposició flota en un espai blanc, com un únic objecte darrere d'un vidre, emmarcat per una font gairebé negra, gairebé inaudible.
INO funciona com una galeria de joies gairebé monocroma: un llenç blanc nítid, una única tinta càlida, gairebé negra, i una absència gairebé total de color. El sistema visual tracta cada anell com una peça de museu: fotografies de productes clínics que suren en un espai negatiu expansiu, amb una jerarquia construïda a través de la posició, l'espaiat de les lletres i el volum de blanc en lloc de l'escala de la font o el color. La navegació es troba a la part inferior de la pàgina, que consta de quatre punts amb etiquetes (omplertes o buides), una inversió deliberada de la barra superior tradicional del comerç electrònic. La marca en si mateixa és un conjunt de contorns concèntrics d'anell, que reflecteixen la forma del producte i serveixen com una escultura tipogràfica en lloc d'un logotip.
Un llenç d'amplada completa sense límit d'amplada màxima de contingut. La pantalla principal ocupa tota l'amplada de la pàgina, amb fotografies i gràfics dividits uniformement (50/50). Les quadrícules de productes es mostren com a files de tres columnes amb un marge horitzontal generós des de la vora de la finestra gràfica. La navegació inferior està centrada i ancorada al peu de pàgina, en lloc de fixada. Els salts de secció utilitzen fotografia editorial a pantalla completa o espai en blanc pur, mai una barra de color, una línia divisòria o un degradat. El ritme vertical és lliure: 80/1/1 entre les seccions principals, cosa que permet que la pàgina respiri en lloc d'omplir-se de contingut. No hi ha barra lateral, ni megamenú, ni barra de capçalera superior: el logotip "INO" es troba únicament a la cantonada superior esquerra de la pantalla principal.
Coexisteixen dos modes diferents de visualització d'imatges: fotografia de productes clínics sobre un fons pla, gris clar i sense fissures (cada anell es fotografia centrat, sense mans, accessoris estilitzats ni ombres superficials; l'objecte és el protagonista) i imatges editorials narratives (un anell en una caixa vorejada d'herba, una mà que sosté una cadena), representades com a fragments editorials desaturats a pantalla completa. Les imatges de productes serveixen com a targetes de producte; les imatges editorials transmeten l'estat d'ànim de la marca. Ambdues són monocromes o gairebé monocromes: l'herba de la imatge principal és l'únic toc de verd, i fins i tot això està apagat a un to forestal. No s'utilitzen icones a la interfície: un símbol d'anell concèntric substitueix tota la iconografia.
Paleta
Neutral
- Obsidian Ink
#212123— Estats de formulari neutres, text d'icones i comentaris discrets a la interfície d'usuari on els esquemes de color han de romandre discrets. - Bone
#ffffff— Pàgines de lona, superfícies de cartró, text invertit sobre un fons fosc. La superfície dominant; gairebé tot el lloc web es troba aquí. - Carbon
#000000— Emplenament d'icones, contorns gràfics decoratius i emplenament d'estat actiu per a l'indicador del punt de navegació. S'utilitza amb moderació per obtenir el màxim contrast tonal amb el color "os". - Ash
#999999— Vores de contrast mitjà, contorns de control i divisors estructurals. - Pebble
#a6a6a7— Text de suport apagat, separadors prims per al text principal i les metadades secundàries. El gris funcional més clar s'utilitza per a les etiquetes de preu i el text d'acompanyament que hauria de retrocedir en segon pla.
Tipografia
d'11 a 18 px · 4 passos
- Sequel100Wide — reemplaçament: Jost (400 · esquemes 400 · L'única tipografia corporativa que s'utilitza exclusivament amb el pes 400 en tots els contextos: navegació, cos de text, encapçalaments, títols, preus i subtítols. El símbol geomètric àmpliament espaiat amb un espaiat generós entre lletres reflecteix tot l'estil corporatiu. L'absència d'un pes en negreta és intencionada: la jerarquia s'aconsegueix mitjançant majúscules, espaiat entre lletres i posicionament, en lloc de variar el pes de la font.
- Arial — reemplaçament: system-ui · esquemes 400 · Una alternativa a tot el sistema per renderitzar botons en contextos antics. No forma part de la marca; només apareix si Sequel100Wide no es carrega.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 23px |
| Radi del botó | 50px |
| Radi de la targeta | 8px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 80-120px |
La IA crearà el vostre lloc web a l'estil INO i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Peak Design — Galeria mural, parcialment il·luminada
- 099 SUPPLY — Una paret de galeria plena d'objectes en blanc i negre
- Apple (España) — vitrina de galeria blanca
- Apple (España) — Una finestra de galeria a la boira del matí
- Custo — Una galeria de color bronze amb una font monolítica. Una sala d'exposició en tons verdosos i grisos apagats, on un únic objecte fosc i una font de 57 px parlen per si sols.
- Silencio — Una habitació blanca amb artefactes flotants. Una galeria d'exposicions feta de paper càlid, on cada element ocupa el seu lloc sobre un fons de volum negatiu, i el silenci és una decisió de disseny intencionada.
- Oakâme — Un taller provençal assolellat esculpit en pedra càlida
- Nike — Una galeria monocroma d'èxits esportius: parets blanques, el producte com a obra d'art, crom dissolt al fons
- Sociotype — Un exemplar típic de museu sobre paper blanc
- Arc — galeria blanca industrial sobre l'aigua de mitjanit
- Rivian — Un monòlit elèctric a la paret de formigó de la galeria. Rivian presenta cada vehicle com una escultura contra un vast espai blanc, amb una tipografia tan gran que es converteix en un element arquitectònic, i un únic groc càlid que trenca l'atmosfera monocromàtica, com la llum del sol sobre una superfície mat.