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 letturaVerificato 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 aggiungiCosa fa Briks
Un solo sito e nient'altroQuella pagina stabilisce l'ordine delle sezioni della tua home page, pensate per la tua attività
Un sito più screenshotGuidano la creazione insieme, quindi il sito non stabilisce più l'ordine; lo screenshot di una sezione decide quella sezione
Solo screenshotGuidano la struttura e l'aspetto; lo screenshot di una sezione decide quella sezione
Impostazioni in Your brandHanno la precedenza su ogni riferimento, così il tuo colore d'accento resta tuo anche se il sito che ti piace è verde

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.
  • 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 studioCosa 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.

Esempi pratici

Un sitoUno 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 screenshotUna 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.