COS
una galleria alla moda con pareti bianche
COS utilizza la grammatica visiva di una galleria d'arte contemporanea: ampie pareti bianche, fotografie monocromatiche di grande formato e una tipografia che non interferisce con le modelle. L'interfaccia è praticamente incolore, acromatica, con il quasi nero (#080808) su bianco puro (#ffffff) come unico contrasto strutturale, e un singolo tocco di rosso (#c80000) riservato come accento sottile per i momenti che devono risultare urgenti ma non ostentati. La spaziatura è generosa e appropriata dal punto di vista editoriale, con rientri di sezione che raggiungono i 135px, e i componenti si fondono con la pagina: bordi sottili su #dadada, nessuna ombra, nessuna sfumatura, nessun angolo arrotondato. La tipografia (SuisseIntl) è l'unico ornamento: un'unica famiglia di font grotteschi che rimane coerente dalle micro-etichette di 12px alle descrizioni delle categorie di 35px, spostandosi leggermente verso il positivo per evocare i caratteri tipografici della galleria.
Il modello di pagina a tutta altezza prevede che la tela si estenda da bordo a bordo senza un contenitore a larghezza massima, e che il contenuto sia ancorato da immagini divisorie e spazi bianchi anziché da una colonna centrata. L'elemento principale è una divisione verticale 50/50 di due ritratti editoriali a tutta larghezza, così dominante da fungere da biglietto da visita strutturale del marchio. Sotto l'elemento principale, le sezioni si alternano tra blocchi di testo su sfondo bianco (centrati, in un'unica colonna) e ulteriori immagini a tutta altezza. Il ritmo verticale è ampio: gli spazi tra le sezioni creano un senso di spaziosità tra le strisce, come su una parete di un museo. La navigazione è costituita da una singola sottile striscia bianca con il logo centrato e un selettore della lingua allineato a destra: non c'è una barra orizzontale delle categorie, né un mega-menu visibile nella cornice principale. La densità di informazioni è bassa: una frase per sezione, un'immagine per concetto.
La pagina è dominata da fotografie di moda editoriali di grande formato: ritratti a tutta larghezza e scatti a tre quarti di modelle, realizzati con un'illuminazione controllata in studio, prevalentemente neutra e dai toni caldi e tenui. Le immagini sono fittamente disposte, riempiendo lo spazio da un bordo all'altro, senza angoli arrotondati, maschere decorative o cornici sovrapposte. Una tecnica distintiva è la cornice "due ritratti affiancati" (MUJER / HOMBRE): due ritratti di pari importanza posti uno accanto all'altro, ciascuno etichettato con una singola categoria nell'angolo in basso a sinistra. Le fotografie sono incorniciate come stampe da galleria: il soggetto è in primo piano, il contesto è assente, la dimensione umana è assente e la palette è monocromatica. Nessuna scena di vita quotidiana, nessun oggetto di scena, nessuno sfondo con texture.
Tavolozza
Neutro
- Canvas White
#ffffff— Una superficie di supporto leggera per creare uno sfondo discreto e separare le sezioni. Non deve essere utilizzata come colore principale per la call to action. - Ink Black
#080808— Testo del corpo, icone, link, testo di navigazione, bordi dei pulsanti, logo, testo del piè di pagina: un colore più tenue del nero puro per evitare che le foto appaiano troppo nitide sullo sfondo. - True Black
#000000— Sovrapponendo il testo principale a immagini scure, testo del corpo, etichette dei pulsanti, il nero puro viene utilizzato solo per gli elementi tipografici a maggiore contrasto. - Mist Gray
#dadada— Bordi discreti, campi di input sottolineati, separatori sottili, contorni quando disabilitati: la tonalità neutra più tenue, visibile solo da ciò che separa. - Signal Red
#c80000— Il colore rosso funge da ulteriore accento per i dettagli decorativi e per enfatizzare le basse frequenze.
Tipografia
da 12 a 35 px · 3 passaggi
- SuisseIntl — sostituzione: Neue Haas Grotesk Display · contorni 400, 500, 700 · Nell'interfaccia viene utilizzato un unico carattere per la navigazione, il testo del corpo, i titoli, i pulsanti e le descrizioni dei prodotti. La spaziatura positiva tra le lettere (0,01–0,04 em) è insolita per un carattere destinato allo schermo e contribuisce a dare l'impressione di un catalogo stampato; il peso 700 è riservato alle descrizioni delle categorie, il 500 alla navigazione e ai pulsanti e il 400 a tutto il resto. L'immagine coordinata è coerente con un unico nucleo di carattere e una gamma di dimensioni molto ristretta (12–35 px): il carattere non risulta mai eccessivo.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 8px |
| Raggio del pulsante | 0px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 135px |
L'IA creerà il tuo sito web nello stile COS 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.
- Apple (España) — vetrina bianca da galleria
- 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.
- 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.
- Analogue — Vetrina nera da galleria: le merci fluttuano nel vuoto
- ddna — vetrina museale calda su lino non trattato
- Zellerfeld — L'atelier di uno scultore su marmo bianco: le superfici monolitiche del piedistallo, una singola scintilla di cobalto, un sussurro di lettere minuscole dal pavimento al soffitto.
- UY Studio — La galleria in pietra del monastero è uno spazio tranquillo con pareti in cemento, dove flaconi di profumo poggiano su piedistalli bianchi, illuminati da una lampada da 400 watt e quattro lampadine grigio caldo.
- Basic.Space — galleria curatoriale su marmo bianco