MAKR
Una vetrina museale per articoli in pelle realizzati a mano. Una stanza silenziosa, completamente bianca, dove etichette in inchiostro nero caldo fluttuano sotto grandi fotografie di articoli in pelle tenuti in mano o sullo sfondo di paesaggi, l'unico contrasto di colore dato da una tenue striscia color salvia.
MAKR è una galleria editoriale online dedicata alla pelletteria artigianale, costruita su una palette quasi interamente acromatica in cui la fotografia è l'elemento dominante. Un unico colore, quasi grigio (con una sottile sfumatura di salvia), caratterizza la parte superiore della pagina pubblicitaria, mentre tutto il resto – superfici, testo, divisori, link – è reso con un inchiostro nero intenso e caldo su sfondo bianco. La tipografia è in stile neo-grottesco di Sohne nella sua forma più sobria: caratteri piccoli, spaziatura generosa tra le righe e spaziatura positiva tra le lettere maiuscole nelle didascalie danno la sensazione di un testo esposto in una galleria d'arte, non di un'interfaccia web. Il layout è dominato dalle immagini, asimmetrico e minimalista, come in un museo: gli oggetti sono fotografati dal vivo, in paesaggi, con luce naturale, e accompagnati da minuscole didascalie simili a link. I componenti sono praticamente invisibili – link di testo sottolineati, campi di input nascosti, nessuna ombra, nessun pulsante arrotondato – lasciando che la pelle e la fotografia giochino un ruolo centrale nel definire il marchio.
Un layout senza limiti di larghezza per i contenuti, che occupa l'intera area visibile dello schermo. Il banner pubblicitario in alto occupa tutta la larghezza, seguito dalla navigazione nell'intestazione, anch'essa a tutta larghezza. L'area principale dei contenuti utilizza una griglia di immagini a più colonne (2-3 colonne su desktop) con spazi tra le immagini minimi o nulli, consentendo alle fotografie di creare la propria struttura visiva. Testo e link sono posizionati in spazi bianchi sotto le immagini, senza mai sovrapporsi. Le sezioni editoriali si alternano tra griglie di prodotti e fotografie a tutta larghezza in stile lifestyle. Il ritmo verticale è generoso (80-1,5 spazi tra le sezioni), creando la sensazione di passeggiare in una galleria d'arte. Il modulo di iscrizione alla newsletter è un pannello fisso in basso a sinistra; un pannello di iscrizione chiudibile è posizionato nella parte inferiore della finestra del browser. L'impressione generale è quella di un catalogo museale o di una doppia pagina editoriale, piuttosto che di un tipico layout di e-commerce.
La fotografia è il contenuto e il linguaggio centrale del marchio. Coesistono due registri: (1) grandi scatti in bianco e nero del prodotto in mano, quadrati o ritagliati in formato 3:4, ad alto contrasto, l'oggetto riempie l'inquadratura senza contesto di vita quotidiana; (2) foto di lifestyle a colori, in una calda luce naturale, paesaggi dai toni terrosi, modelle in movimento con borse, scattate da angolazioni basse con una ridotta profondità di campo. L'alternanza di immagini in scala di grigi e a colori crea un ritmo visivo unico sulla pagina. Nessuna illustrazione, nessun rendering 3D, nessuna grafica astratta. Le immagini occupano l'intera pagina o si estendono per tutta la larghezza della pagina, in celle di griglia con raggio zero e senza bordi. Le icone sono assenti o ridotte al minimo: una semplice croce per chiudere, e nient'altro.
Tavolozza
Neutro
- Obsidian Ink
#1c1717— Il testo principale, tutti i link di testo, il corpo del testo, le intestazioni, i contorni delle icone e i sottili bordi in tutta l'interfaccia utente. Questo è il colore primario: un rapporto di 17,7:1 su sfondo bianco, utilizzato in oltre 5.000 occorrenze. La sua tonalità calda molto delicata (non nero puro) conferisce all'intera interfaccia l'aspetto di un catalogo stampato piuttosto che di uno schermo. - Paper
#ffffff— Bordi sottili, divisori, contorni dei campi di input e bordi delle schede su superfici chiare. Evitare di utilizzare questo colore come colore principale per i pulsanti di invito all'azione. - Bone
#f0f0f0— Una superficie secondaria per alternare sezioni, creare sfondi per pannelli delicati e bordi/divisori interni. Crea una tenue tonalità di grigio caldo tra il bianco della carta e il verde chiaro dell'annuncio. - Eucalyptus Mist
#a9aea9— Lo sfondo del banner pubblicitario nella parte superiore della pagina, le transizioni di colore tenui tra le sezioni e una cornice secondaria. Da solo, appare quasi grigio, ma quando viene utilizzato a tutta larghezza, assume una delicata tonalità salvia, l'unico accento di colore nello schema monocromatico.
Tipografia
da 11 a 32 pixel · 5 passaggi
- Sohne Web — sostituzione: Inter · contorni 400 · L'intero stile dell'interfaccia è stato utilizzato: testo principale, navigazione, link, intestazioni, pulsanti, campi di input, icone e didascalie delle immagini. Il carattere Söhne di peso 400 (non sono state trovate varianti in grassetto) conferisce a MAKR la sua espressività sobria ma decisa: le informazioni vengono trasmesse attraverso le dimensioni e la spaziatura tra le lettere, non attraverso il contrasto di spessore. Alternative: Inter, Söhne o Untitled Sans.
- CircularXXMonoWeb — sostituzione: JetBrains Mono · contorni 400 · Da utilizzare solo per istruzioni tecniche occasionali o specifiche di prodotto: un sussurro a spaziatura fissa che spezza il ritmo neo-grottesco. Da usare con parsimonia: codice prodotto, specifiche dei materiali, niente di più. Da sostituire con: JetBrains Mono o IBM Plex Mono.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 5-8px |
| Raggio del pulsante | 0px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 80-120px |
L'IA creerà il tuo sito web nello stile MAKR 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
- FARFETCH España — Una galleria di moda in stile "white cube". Immaginate uno spazio commerciale di lusso dove pareti, pavimenti e arredi sono di un bianco immacolato, e solo gli abiti e le persone che li indossano creano ogni tonalità, texture ed espressione visiva.
- Franco Maria Ricci Editore — Catalogo della galleria Art Deco - Linee dorate lucide su pergamena bianca e brillante
- Laura Monin — Parete della galleria editoriale, marmo bianco, timbro a inchiostro
- OhDada — Parete della galleria editoriale
- Cursor — Un accogliente laboratorio di pergamena, illuminato da braci ardenti.
- Structured — Galleria rinascimentale su carta simile alla plastilina
- MindMarket — Un accogliente libro di fiabe su carta color crema: una tela editoriale conviviale dove grandi titoli Inter e personaggi di carta ritagliati convivono su una superficie morbida come un adesivo, baciata dal sole.
- Airbnb — Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
- 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.
- Lamborghini — Carrozzeria nera nello showroom, sotto i riflettori - un'auto gialla
- Amplemarket — Un luogo di lavoro baciato dal sole e cosparso di coriandoli
- Getharvest — Una scrivania all'ora d'oro: una tela color crema caldo, cartoline bianche appese alla tela e un'unica fiamma arancione brillante.