INO
Una vetrina museale nel silenzio: ogni oggetto esposto fluttua in uno spazio bianco, come un singolo pezzo dietro un vetro, incorniciato da un carattere quasi nero, appena percettibile.
INO si presenta come una galleria di gioielli quasi monocromatica: una tela bianca e nitida, un unico inchiostro caldo, quasi nero, e una quasi totale assenza di colore. Il sistema visivo tratta ogni anello come un pezzo da museo: fotografie di prodotto nitide e realistiche fluttuano in un ampio spazio negativo, con una gerarchia costruita attraverso la posizione, la spaziatura tra le lettere e il volume del bianco, piuttosto che attraverso la dimensione o il colore del carattere. La navigazione si trova in fondo alla pagina ed è composta da quattro punti con etichette (riempite o vuote), un'inversione deliberata della tradizionale barra superiore degli e-commerce. Il marchio stesso è un insieme di contorni anulari concentrici, che riprendono la forma del prodotto e fungono da scultura tipografica piuttosto che da logo.
Una tela a tutta larghezza senza limiti massimi di larghezza dei contenuti. La schermata principale occupa l'intera larghezza della pagina, con fotografie e grafica equamente divise (50/50). Le griglie dei prodotti sono visualizzate come righe a tre colonne con un ampio margine orizzontale dal bordo della finestra di visualizzazione. La barra di navigazione inferiore è centrata e ancorata al piè di pagina, anziché fissata. Le interruzioni di sezione utilizzano fotografie editoriali a schermo intero o puro spazio bianco: mai una barra colorata, una linea divisoria o una sfumatura. Il ritmo verticale è libero: 80/1/1 tra le sezioni principali, consentendo alla pagina di respirare anziché essere riempita di contenuti. Non c'è barra laterale, né mega-menu, né barra di intestazione superiore: il logo "INO" si trova esclusivamente nell'angolo in alto a sinistra della schermata principale.
Coesistono due distinte modalità di visualizzazione delle immagini: la fotografia clinica del prodotto su uno sfondo piatto, grigio chiaro e uniforme (ogni anello è fotografato al centro, senza mani, oggetti di scena stilizzati o ombre superficiali: l'oggetto è il protagonista) e immagini editoriali narrative (un anello in una scatola rivestita d'erba, una mano che tiene una catena), rese come frammenti editoriali desaturati a schermo intero. Le immagini del prodotto fungono da schede prodotto; le immagini editoriali trasmettono l'atmosfera del marchio. Entrambe sono monocromatiche o quasi monocromatiche: l'erba nell'immagine principale è l'unico accenno di verde, e anche questo è attenuato in una tonalità forestale. Nell'interfaccia non vengono utilizzate icone: un simbolo di anelli concentrici sostituisce tutta l'iconografia.
Tavolozza
Neutro
- Obsidian Ink
#212123— Stati neutri dei moduli, testo delle icone e feedback discreto dell'interfaccia utente, dove le combinazioni di colori devono rimanere poco invasive. - Bone
#ffffff— Pagine di tela, superfici di cartone, testo invertito su sfondo scuro. La superficie dominante; quasi l'intero sito web è incentrato su questo. - Carbon
#000000— Riempimento delle icone, contorni grafici decorativi e riempimento dello stato attivo per l'indicatore del punto di navigazione. Utilizzato con parsimonia per massimizzare il contrasto tonale con il colore "osso". - Ash
#999999— Bordi a contrasto medio, contorni di controllo e divisori strutturali. - Pebble
#a6a6a7— Testo di supporto dai toni tenui, separatori sottili per il testo principale e i metadati secondari. Il grigio funzionale più chiaro è utilizzato per i cartellini dei prezzi e il testo di accompagnamento che dovrebbe passare inosservato.
Tipografia
da 11 a 18px · 4 passaggi
- Sequel100Wide — sostituzione: Jost (400 · contorni 400 · L'unico carattere tipografico aziendale utilizzato esclusivamente nella dimensione 400 in tutti i contesti: navigazione, corpo del testo, intestazioni, titoli, prezzi e didascalie. Il simbolo geometrico ampiamente spaziato con generosa spaziatura tra le lettere riflette l'intero stile aziendale. L'assenza di una versione in grassetto è intenzionale: la gerarchia è ottenuta tramite l'uso delle maiuscole, la spaziatura tra le lettere e il posizionamento, piuttosto che attraverso variazioni di spessore del carattere.
- Arial — sostituzione: system-ui · contorni 400 · Un fallback a livello di sistema per il rendering dei pulsanti in contesti legacy. Non fa parte del branding: appare solo se Sequel100Wide non viene caricato correttamente.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 23px |
| Raggio del pulsante | 50px |
| Raggio della carta | 8px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 80-120px |
L'IA creerà il tuo sito web nello stile INO e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- Peak Design — Parete della galleria, parzialmente illuminata
- 099 SUPPLY — Una parete della galleria piena di oggetti in bianco e nero
- Apple (España) — vetrina bianca da galleria
- Apple (España) — Una finestra di una galleria nella nebbia mattutina
- Custo — Una galleria color canna di fucile con un carattere tipografico monolitico. Uno showroom in tenui tonalità grigio-verdi, dove un singolo oggetto scuro e un carattere di 57 pixel parlano da soli.
- Silencio — Una stanza bianca con manufatti sospesi. Un'esposizione realizzata con carta dai toni caldi, dove ogni elemento occupa il suo posto su uno sfondo di volumi negativi, e il silenzio è una scelta progettuale intenzionale.
- Oakâme — Un laboratorio provenzale baciato dal sole, ricavato da una pietra calda
- Nike — Una galleria monocromatica di successi sportivi: pareti bianche, il prodotto come opera d'arte, il cromo che si fonde con lo sfondo.
- Sociotype — Un tipico esemplare da museo su carta bianca
- Arc — galleria industriale bianca sopra l'acqua di mezzanotte
- Rivian — Un monolite elettrico sulla parete di cemento della galleria. Rivian presenta ogni veicolo come una scultura su un vasto spazio bianco, con una tipografia così grande da diventare un elemento architettonico, e un unico giallo caldo che rompe l'atmosfera monocromatica, come la luce del sole su una superficie opaca.