--- title: "Crea un sito da uno che ti piace | Briks" url: https://briks.dev/it/docs/build-from-sites-you-like description: "Aggiungi un sito e fino a sei screenshot che ti piacciono. Briks legge layout, spaziature, font, movimento e menu, poi crea il tuo in sintonia, senza copiare." last_updated: 2026-10-08 --- # Crea un sito da uno che ti piace Se hai visto un sito di cui ti piace la struttura o l'atmosfera, indicalo a Briks. Briks studia come è composta la pagina e crea la tua in quello spirito, con le tue parole e le tue immagini. Questa pagina spiega come aggiungere un sito e degli screenshot, che cosa Briks legge e non prende mai, e che cosa fare quando un sito non può essere letto. 7 minuti di lettura Verificato rispetto allo studio il 8 ottobre 2026 ## Aggiungere siti e schermate 1. Apri il passaggio Dove: Show what you like È il terzo passaggio di New project, indicato come **Optional**. Il pannello spiega a cosa serve: "Show a site or screenshots you admire. These become rules for the build; the rest is designed for your business." 2. Aggiungi un sito Dove: A site to learn from Scrivi o incolla un indirizzo e premi **Add** o Invio. Puoi omettere https. Ogni progetto accetta un sito; un secondo riceve "One site per project. Remove it to add another." Il sito appare come un'etichetta con una croce per rimuoverlo. 3. Aggiungi schermate Dove: Screenshots Premi **Add screenshots** e scegli file JPEG, PNG o WebP di meno di 12 MB ciascuno. Il contatore mostra quanti ne hai, fino a **6 of 6**. 4. Di' cosa mostra ogni screenshot Dove: Screenshots Scegli **Whole page** e, se la conosci, la schermata su cui è stata acquisita: **Desktop**, **Tablet** o **Phone** (**Screen size: detect** la ricava da solo). Oppure scegli **One section** e indica la parte mostrata, come hero, prezzi, testimonianze o footer. 5. Vai avanti Dove: Show what you like Premi **Next**. Il riepilogo mostra l'indirizzo del sito e conta i tuoi screenshot. Puoi anche portare un sito dal riquadro su briks.dev prima di registrarti: apri il menu **+**, scegli **Add a site you like** e dopo la registrazione arriverai a questo passaggio. ## Che cosa legge Briks Un sito viene letto con larghezza desktop, tablet e telefono, dopo che Briks ha risposto a un eventuale banner dei cookie e chiuso i pop-up. Vengono esaminati: - **Impaginazione:** le sezioni dall'alto in basso, quanto è largo il contenuto, le colonne e cosa cambia su un telefono. - **Spacing:** il ritmo tra le sezioni e al loro interno. - **Type:** le dimensioni e i pesi di titoli e testo, e il carattere dei font. - **Colour:** lo sfondo, il colore del testo e l'accento. - **Movimento:** ciò che compare in dissolvenza o scorre all'ingresso mentre scorri la pagina, ciò che resta fisso, le righe che si muovono da sole e cosa fanno link e pulsanti quando ci passi sopra. - **L'header e il suo menu:** una semplice riga di link, menu a tendina o grandi pannelli. Ogni pannello viene aperto e controllato. - **Illustrations:** se la pagina usa disegni invece di fotografie, le tue immagini vengono disegnate con una mano simile. Uno screenshot dice a Briks meno cose: la disposizione e l'allineamento, gli spazi, quanto è grande il titolo, i colori e se il tema è chiaro o scuro. Uno screenshot contrassegnato come **One section** vale solo per quella sezione. ## Cosa non prende mai Il pannello lo dice chiaramente: «Un sito per progetto. Ne misuriamo struttura, ritmo e carattere tipografico. Non viene copiato nulla.» In pratica: - **Parole.** Prima di pubblicare, Briks controlla che il tuo sito non contenga frasi prese dal sito che ti piace e riscrive quelle trovate con la voce della tua attività. Le frasi tratte dalla tua descrizione restano come sono. - **Loghi e nomi.** La tua intestazione mostra il tuo nome, il logo che hai caricato o un segno disegnato. - **Immagini.** Le tue vengono dalla libreria dello studio, sono disegnate apposta per te, oppure sono quelle che aggiungi tu. - **Altre aziende.** Una fila di loghi di clienti o partner mostra solo i nomi che indichi tu. Le domande prima della creazione sono scritte solo a partire dal tuo brief e dall'indirizzo, mai dai testi dell'altro sito. ## Un sito, degli screenshot, o entrambi Quanto Briks segue da vicino un sito dipende da cos'altro gli dai. | Cosa aggiungi | Cosa fa Briks | | --- | --- | | Un solo sito e nient'altro | Quella pagina stabilisce l'ordine delle sezioni della tua home page, pensate per la tua attività | | Un sito più screenshot | Guidano la creazione insieme, quindi il sito non stabilisce più l'ordine; lo screenshot di una sezione decide quella sezione | | Solo screenshot | Guidano la struttura e l'aspetto; lo screenshot di una sezione decide quella sezione | | Impostazioni in **Your brand** | Hanno la precedenza su ogni riferimento, così il tuo colore d'accento resta tuo anche se il sito che ti piace è verde | Indica la pagina esatta Briks legge la pagina all'indirizzo che indichi, non l'intero sito. Se è una pagina dei prezzi che ti piace, incolla l'indirizzo della pagina dei prezzi anziché quello della home page. ## Confronto tra la build e il sito Dopo aver aggiunto un sito, il passaggio mostra anche **Measure the build against the reference**, disattivato di default. Se lo attivi, Briks confronta la pagina creata con il sito che ti piace prima di pubblicare e corregge le differenze che misura. Vale solo quando il sito è il tuo unico riferimento, senza screenshot, perché è allora che la tua pagina ne segue la struttura. Aggiunge crediti e tempo alla creazione, quindi lascialo disattivato a meno che una somiglianza stretta non conti per te. Più tardi puoi cambiarlo in **Preferences** come **Measure builds against the reference**. ## Come un sito cambia il resto della configurazione - **Nessun aspetto o hero da scegliere.** Il passaggio **How it is built** dice "Your reference site decides the look and the hero, so there is none to choose." Su briks.dev, **Pick a look first** si disattiva con "The site you like sets the look." Vedi [Scegli un aspetto](https://briks.dev/it/docs/pick-a-look). - **Meno domande.** Briks non chiede del layout, dell'aspetto o di cosa apre la pagina, perché il sito risponde a queste cose. - Anche le **dashboard** possono avere un riferimento. Briks legge la schermata per capirne la navigazione (una barra laterale o una barra in alto) e quanti pannelli, tabelle e grafici contiene. La maggior parte delle dashboard è dietro un accesso, quindi di solito si mostra con uno screenshot. Mentre la costruzione va avanti, nella conversazione compare un riquadro chiamato **What your references decided**, che elenca cosa ha stabilito ciascun riferimento: la larghezza del contenuto, il ritmo, il menu dell'intestazione, come si muovono le cose. ## Quando un sito non può essere letto La maggior parte delle pagine pubbliche si legge bene. Questi sono i motivi più comuni per cui una non si legge: - **Si trova dietro un accesso.** Briks vede ciò che vede un visitatore che non ha effettuato l'accesso. Per tutto ciò che sta dietro un login usa gli screenshot. - **Respinge i visitatori automatici.** Alcuni siti rispondono con un controllo anti-robot invece della pagina. Briks prova un secondo accesso e, se anche questo è bloccato, il sito viene saltato. - **I banner dei cookie e i pop-up** sono raramente il problema, perché Briks risponde al banner e chiude i pop-up prima di guardare. Se il sito non può essere letto ma i tuoi screenshot sì, la creazione prosegue senza di esso e il riquadro dice “1 reference could not be read and was skipped.” Se nulla di ciò che hai aggiunto può essere letto, la creazione si ferma invece di progettare un sito che non hai chiesto. Una creazione che si ferma così non viene addebitata e il blocco viene rilasciato. Cosa dice lo studio dipende dal motivo: | Cosa dice lo studio | Cosa fare | | --- | --- | | "The reference address couldn't be opened." e "Nothing was charged." | Premi **Build without it** per costruire la stessa richiesta con le tue parole e le tue risposte così com'erano, trattenendo di nuovo i crediti di un nuovo progetto. Oppure premi **Remove it**, che apre **Reference site** in **Preferences**, dove **Remove** toglie l'indirizzo. | | «Il sito di riferimento ha respinto il browser dello studio, quindi non è stato possibile leggerlo. Prova con un altro riferimento.» | Avvia un nuovo progetto con gli screenshot della pagina in **Screenshots**, oppure con un sito diverso. | | "Non è stato possibile leggere il tuo riferimento a causa di un errore di sistema. Riprova più tardi." | Premi **Try again** più tardi. Le tue parole e le tue risposte vengono conservate, quindi le domande non vengono poste due volte. Oppure scrivi nella casella per riavviare con le tue nuove parole aggiunte. | Il gruppo **Reference site** in **Preferences** mostra l'indirizzo fino alla prima pubblicazione del sito, così puoi controllare che sia stato salvato come volevi. Dove 1. Projects 2. Your project 3. Settings 4. Preferences 5. Reference site ## Esempi pratici Un sito Uno studio dentistico che ama la calma di un hotel > Richiesta: uno studio dentistico di famiglia a Harrogate con quattro dentisti, il sabato mattina e un modulo di richiesta. Sito aggiunto: la home page di un piccolo hotel che il titolare ha trovato calma e spaziosa. Nient'altro. La home page dello studio segue l'ordine e la spaziatura generosa della pagina dell'hotel, con le parole, i trattamenti e le immagini dello studio. Il nome, le foto e i testi dell'hotel non compaiono da nessuna parte. Un sito e uno screenshot Una torrefazione con un sito e uno screenshot > Sito: una torrefazione il cui menu si apre in grandi pannelli. Screenshot: la griglia prodotti di un negozio, contrassegnata **One section** con i prodotti scelti. **Your brand**: colore d'accento `#B4542D`. Con uno screenshot aggiunto, la pagina della torrefazione non decide più l'ordine delle sezioni. Il suo menu a pannello viene ripreso, la sezione dei prodotti segue lo screenshot e l'accento del torrefattore prevale sui colori del riferimento. ## Domande comuni ### Posso aggiungere un riferimento dopo che il sito è stato creato? Sì, come immagine. Nel riquadro dello studio allega uno screenshot, lascialo contrassegnato come **Reference** e dì cosa prendere da lì: `Make the pricing section feel like this, three columns with the middle one raised.` ### Posso dare un sito che richiede una password? Non in modo utile. Briks vede solo la pagina pubblica. Fai invece degli screenshot e aggiungili in **Screenshots**. ### Perché non posso più scegliere un aspetto? Un sito che ti piace decide l'aspetto. Toglilo da **Show what you like** se preferisci scegliere tra tre moodboard. ## Da leggere dopo - [Creazione in corso **Avvia un nuovo progetto** Ogni scelta della pagina New project, passo dopo passo: tipo di progetto, brief, un sito che ti piace, brand, immagini, opzioni di creazione e costo di avvio.](https://briks.dev/it/docs/new-project) - [Creazione in corso **Scegli uno stile** Vedi tre look prima di creare il sito, ognuno una tavola di colori, caratteri, angoli, pulsante e schede con le parole del tuo hero. Poi crea quello scelto.](https://briks.dev/it/docs/pick-a-look) - [Creazione in corso **Scrivere una buona descrizione** Cosa mettere in un brief perché la prima creazione riesca: l'attività, il pubblico, le pagine, l'azione principale, fatti e tono, con sei esempi prima e dopo.](https://briks.dev/it/docs/writing-a-brief) - [Creazione in corso **App web e dashboard** Cosa creano i tipi App e Dashboard, dove stanno i loro record, cosa non è ancora disponibile, con esempi per prenotazioni, scorte e ordini di un caffè.](https://briks.dev/it/docs/web-apps-and-dashboards) Hai ancora dubbi? Scrivi a [hello@briks.dev](mailto:hello@briks.dev) indicando il nome del tuo progetto e cosa ti aspettavi di vedere. Uno screenshot aiuta.