SiteForge Generator

Cinematic generator v3.7.6.3a.4.1

Look e direzione visiva

Sito già generato

La tua creazione è pronta. Puoi tornare al sito ogni volta senza rigenerarlo.
Modalità creazione passo-passo Apri una sequenza full-screen: ogni sezione appare una alla volta, puoi completarla, saltarla o passare alla successiva.

Product cockpit

Avanzamento compilazione.

Monitora la percentuale dei parametri compilati o modificati. Se compili circa metà dei campi utili, vedrai circa il 50%.

0% completamento

Primo passo

Non sai da dove iniziare?

Scegli una strada rapida: demo pronta, guida passo-passo, import progetto o esempi da consultare.

Brand Kit

Vuoi modificare subito lo stile globale?

Vai direttamente a palette, font, bottoni, card, bordi, ombre e preset brand.

Apri Brand Kit Guida preset
01

Look, layout e motion.

Scegli la direzione cinematica del sito: atmosfera, colore, tipografia, scene e animazioni.

Personalization Max

Personalizza il sito senza rompere il design.

Controlli guidati per immagini, CTA, recensioni, local business, varianti di sezione e resa mobile.

Motion Studio

Vuoi personalizzare subito le animazioni?

Apri il pannello Motion Studio per scegliere preset, intensità, ritmo, animazioni di sezioni, hero, card, immagini e CTA.

Apri Motion Studio
Motion Studio

Motion Studio

Personalizza le animazioni del sito.

Scegli preset, ritmo, intensità e microinterazioni. L’obiettivo è far muovere il sito in modo coerente con settore, brand e performance.

Motion dashboard

Definisci il comportamento del sito in pochi passaggi.

Prima scegli il mood del movimento, poi regoli intensità, ritmo e performance. La preview ti mostra subito il carattere delle animazioni.

Controlli avanzatiRegola il movimento per ogni area del sito.Le impostazioni si combinano con il preset e vengono esportate nel sito finale.
HeroPreview motionApplica un preset per vedere lo stato selezionato.
CardsMicrointerazioniHover, stagger e floating controllati.
MobilePerformanceRiduzione movimento e accessibilità.

Brand Kit UX Pro

Definisci lo stile del sito con un flusso visuale.

Parti da un preset, controlla palette e font, guarda i componenti in anteprima e applica il Brand Kit all’intero progetto in modo chiaro e guidato.

Brand dashboard

Prima scegli un mood, poi rifinisci i dettagli.

Questo pannello lavora come una regia visiva: selezioni uno stile di partenza, vedi subito il risultato e poi puoi intervenire su colori, font e componenti.

1. Scegli il mood Preset visuali

Ogni preset aggiorna palette, font, bottoni, card, radius, ombre, tono e densità layout.

2. Rifinisci Palette + font

Modifica colori, tipografia e componenti senza perdere il controllo sul risultato finale.

3. Verifica Preview live

Guarda subito l’effetto del Brand Kit su titoli, pulsanti, card e mini home di esempio.

Preset brand

Seleziona uno stile iniziale, come faresti in un builder premium.

Media Library

Gestisci gli asset visivi in un unico punto.

Logo, hero, gallery, video, Open Graph e focal point diventano controlli guidati e riutilizzabili.

Page Studio

Costruisci pagine specifiche, non solo una homepage.

Definisci pagine, slug, SEO, CTA, stile e sezioni incluse. Ideale per siti più vendibili e più chiari.

Istruzioni pagine Istruzioni SEO Istruzioni sezioni Istruzioni CTA
Formato riga: file.html | Titolo | SEO title | SEO description | sezioni | CTA | stile

Section Studio

Modifica il sito sezione per sezione.

Gestisci visibilita, ordine, varianti grafiche, sfondo e mobile senza toccare codice o CSS.

Come usarlo Attiva le sezioni che vuoi, spostale, scegli una variante e decidi se alleggerirle su mobile. Le modifiche si vedono subito nella preview.

Sample projects

Carica una demo pronta.

Parti da un progetto realistico già compilato: preset, dati specifici, layout settore, SEO, sezioni avanzate e contenuti demo. Poi puoi modificarlo come vuoi.

Sample Sites Pro

Apri esempi completi, non solo demo statiche.

Questi mini-siti mostrano navigazione multipagina, pagine verticali e redirect CTA. Puoi aprirli in una nuova scheda o caricare la stessa demo nel generatore.

Ristorante premium Ristorante Aurora 4 pagine + redirect CTA · Demo multipagina per ristoranti: menu, chef, eventi privati, prenotazione e redirect CTA.
Assicurazioni / consulenza Studio Sicura Plus 4 pagine + redirect CTA · Demo multipagina per studi professionali: servizi, metodo, trust, preventivo e redirect.
Palestra / CrossFit Forge District Club 4 pagine + redirect CTA · Demo multipagina per fitness: programmi, prezzi, trainer, orari e redirect prova.
Casa vacanze / agriturismo Cascina del Lago 4 pagine + redirect CTA · Demo multipagina per hospitality: camere, territorio, servizi, recensioni e redirect booking.
Artigiani / urgenze casa Pronto Casa Service 4 pagine + redirect CTA · Demo multipagina per idraulici/elettricisti: servizi, zone, garanzie, urgenze e redirect chiamata.
Scuola / corsi Academy Lab 4 pagine + redirect CTA · Demo multipagina per academy: programmi, docenti, calendario, FAQ e redirect iscrizione.
Menu preimpostati per tipologia di attività Scegli un settore: il generatore imposta automaticamente layout, sezioni, testi, CTA, menu e stile. Dopo puoi modificare tutto liberamente.
Sezioni specifiche del preset Seleziona una tipologia per vedere e applicare le sezioni consigliate.
Scegli un preset per configurare automaticamente le sezioni.
Look cinematico Dopo aver scelto il tipo attività, puoi rifinire tema, layout e motion.

Pacchetto stile attivo

Dark showcase

Opzioni scenografiche, scure e cinematiche.

Personalizzazione avanzata look Controlli simili alla linea precedente, ma applicati alla nuova estetica cinematica.
Font e tipografia avanzata Controlla famiglia font, peso, tracking, maiuscole/minuscole e font esterni.
Grafiche, immagini e stile visuale Definisci come il sito usa immagini, video, pattern, cornici e oggetti decorativi.
Motion sequenziale per ogni sezione Applica la logica del video sezione per sezione: 01, 02, 03… con elementi che entrano in ordine.
02

Font e caratteri.

Secondo step di personalizzazione: scegli come devono apparire titoli, testi, menu, bottoni e didascalie. Puoi partire da un preset rapido oppure scegliere un font diverso per ogni categoria di scritta.

Font Studio

Scegli lo stile delle scritte prima di costruire il resto del sito.

Il font cambia la percezione del sito: premium, tecnico, giovane, classico o moderno. Qui l’utente vede subito cosa sta scegliendo e può applicarlo all’intero output.

Preset rapidi Scegli una combinazione pronta. Il preset imposta automaticamente tutti i ruoli tipografici. Dopo puoi rifinire ogni font singolarmente.
Ruoli tipografici Scegli un font per ogni tipo di scritta. Ogni card apre uno stile e una lista di font riconoscibili. Le scelte vengono salvate nel progetto ed esportate nel sito finale.
Anteprima rapida

Titolo grande del sito

Questo è un testo descrittivo: deve essere leggibile, ordinato e coerente con il settore scelto.

Didascalia immagine / dettaglio breve
03

Brand/look.

Questi contenuti diventano loader, headline, scene principali e CTA finali.

Logo, immagini e video hero Puoi usare URL esterni oppure caricare immagini che vengono incorporate nel file HTML esportato.
04

Scene e sezioni.

Ogni sezione è trattata come una scena full-screen. Puoi attivare o disattivare ogni blocco.

Personalizzazione sezioni Rinomina le scene, cambia ordine e aggiungi una scena custom senza uscire dalla logica cinematica.
05

Media, team e FAQ.

Aggiungi contenuti opzionali e testi di supporto. Anche se non carichi immagini, il sistema crea pannelli visuali coerenti.

Immagini e video della media scene Carica fino a 3 immagini, oppure usa URL esterni. Le immagini caricate vengono incorporate nell’HTML esportato.
Titoli scene opzionali Personalizza i titoli delle scene media, team e FAQ.
06

Pagine e navigazione.

Crea una landing unica oppure un mini-sito con pagine aggiuntive nello stesso stile cinematico.

07

SEO e dettagli.

Completa title, description, lingua e file tecnici opzionali per la pubblicazione.

08

Export.

Scarica HTML singolo oppure ZIP professionale con cartella site/ e project.json.

SiteForge v3.7.0 BetaRelease consolidata per test esterni: landing commerciale, esempi, sample projects, output quality ed export professionale.
Export professionale v3.7.0Lo ZIP include cartella site/, documentazione cliente, checklist pubblicazione, file importabile e riepiloghi progetto/SEO.
Salva e ricarica progetto Esporta la configurazione completa, inclusi preset, guida specifica, immagini incorporate, layout settore, SEO e pagine. Poi puoi ricaricarla e continuare a modificare.

Nessun progetto importato in questa sessione.

Stability / QA check Controlli rapidi anti-regressione su pulsanti, guide, preview, export/import e campi critici.
QA non ancora eseguito.