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.
Custo si configura come una galleria di prodotti industriali: una calda tela metallica funge da sfondo per il prodotto fisico, mentre la tipografia di grande formato rappresenta il principale elemento decorativo. Il sistema è rigorosamente acromatico – privo di colori cromatici – permettendo al riquadro anodizzato scuro e alla gravità geometrica di un unico carattere sans-serif di trasmettere l'intera personalità del marchio. Ogni schermo bilancia ampi spazi bianchi con un monumentale impatto tipografico, con il logo ripetuto quasi come un elemento architettonico. Le superfici sono piatte e opache; la profondità è creata dalla riflettività stessa del prodotto, non da ombre o sfumature.
Il layout della pagina è una struttura a colonna singola disposta verticalmente con una larghezza massima del contenuto di circa 1280px, centrata all'interno della finestra di visualizzazione. L'elemento principale della pagina si estende per tutta la larghezza della pagina, renderizzato in Canvas Gunmetal #9ea29f senza bordi, con la foto di una cassetta postale centrata a destra e il logo CUSTO® di 57px ancorato al bordo inferiore. Sotto l'elemento principale, si alternano le sezioni: un blocco di testo a due colonne (piccola didascalia a sinistra, titolo grande a destra), seguito da una griglia orizzontale di tre schede immagine prodotto, quindi righe a due colonne di testo e immagini, con il testo principale che si alterna su entrambi i lati. Gli spazi tra le sezioni sono di 110px, creando un notevole spazio verticale. La navigazione è costituita da una singola barra superiore trasparente che sfuma in Paper White durante lo scorrimento. L'icona del CES è un elemento fisso e fluttuante nell'angolo inferiore destro. Il ritmo generale è simile a quello di una galleria: pochi elementi in ogni sezione, carattere grande, ampi spazi e una foto del prodotto come punteggiatura visiva tra le strisce di testo.
Le immagini sono esclusivamente fotografie del prodotto Custo, scattate in tre modalità: ritratti a figura intera con la cornice metallica sullo sfondo, scatti che mostrano l'interazione umana con il dispositivo e primi piani dell'interfaccia di scansione e dell'anello LED. Tutte le fotografie sono realizzate con tonalità tenui e ad alto contrasto, con la finitura nera opaca della cassetta postale che funge da punto di riferimento visivo. Non sono presenti illustrazioni, grafiche astratte o immagini di repertorio. Le fotografie sono posizionate su cartoncini con un raggio di 8 pixel o utilizzate a schermo intero dietro il logo di 57 pixel. L'icona del CES è l'unica immagine multicolore dell'intero sito web.
Tavolozza
Neutro
- Canvas Gunmetal
#9ea29f— Lo sfondo grigio-verde caldo delle sezioni principali e tematiche distingue Custo dai modelli SaaS bianchi standard e dà la sensazione di un cemento architettonico piuttosto che di una superficie digitale. - Obsidian
#000000— Testo del corpo, bordi sottili, contorni delle icone: inchiostro a contrasto più elevato del sistema, utilizzato per titoli e divisori strutturali. - Paper White
#ffffff— Immagini di parti del corpo come sfondo, testo invertito su tela color canna di fucile, testo su sfondo scuro nella fotografia di prodotto. - Anodized Graphite
#4b514d— La superficie scura destinata alle fotografie dei prodotti, ai titoli aggiuntivi e al testo tridimensionale riprende la finitura della cassetta postale, in modo che l'interfaccia utente e il prodotto siano realizzati con lo stesso materiale. - Brushed Steel
#8e9194— Il testo del corpo dai toni tenui, i divisori degli elenchi e i contorni aggiuntivi delle icone si trovano tra Paper White e Obsidian per i metadati incorporati e i collegamenti discreti. - Linen Mist
#a7aaad— Il colore chiaro del bordo e dei divisori per titoli e linee di separazione è una tonalità delicata che non entra mai in competizione con le linee strutturali del colore Ossidiana.
Tipografia
da 15 a 57px · 5 passaggi
- PP Neue Montreal — sostituzione: Inter · contorni 400 (Medium) · Per tutto il testo, dal corpo del documento al testo esplicativo, viene utilizzato un sistema tipografico monolitico: l'uniformità geometrica del peso è il segno distintivo, evitando l'uso di font secondari o specifici per la visualizzazione. Pertanto, il marchio denominativo "CUSTO®" impostato a 57px viene percepito come appartenente alla stessa famiglia tipografica dell'etichetta del campo di input del modulo, che è di 15px.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 24px |
| Raggio del pulsante | 31.35px (pill) for primary action; 8px for secondary |
| Raggio della carta | 8px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 110px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile Custo 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
- 099 SUPPLY — Una parete della galleria piena di oggetti in bianco e nero
- Specht Studio — Una parete espositiva pervasa da una discreta curiosità. La finitura cromata, firmata dallo studio, presenta una superficie bianca e scritte nere; il gioco di luci e ombre è interamente concentrato nelle piastrelle del progetto.
- Structured — Galleria rinascimentale su carta simile alla plastilina
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- VSCO — La parete monocromatica della galleria ospita una mostra di fotografie in bianco e nero, dove un unico faretto caldo illumina l'azione in corso.
- Apple (España) — La galleria del museo, immersa in una tenue luce naturale, è un unico, affascinante spazio bianco e etereo, dove ogni opera è illuminata da un faretto proiettato su una parete leggermente colorata.
- Peak Design — Parete della galleria, parzialmente illuminata
- Apple (España) — La vetrina della Obsidian Gallery è una sala espositiva buia dove un singolo oggetto in titanio risplende su uno sfondo nero pece.
- Apple (España) — vetrina bianca da galleria
- teenage engineering — Catalogo industriale di illuminazione da studio: il prodotto è l'unico oggetto significativo della pagina, e tutto il resto ruota attorno ad esso.
- Apple (España) — Una finestra di una galleria nella nebbia mattutina
- Apple (España) — La Galleria del Museo Bianco a mezzogiorno