Framework Web Dinamico
Framework Next.js multi-tema pensato per la prima presentazione al cliente: un motore di personalizzazione live (palette, modello strutturale, layout, sezioni) persistito in tempo reale nel browser, per arrivare subito a un punto di partenza già di suo gradimento prima di iniziare la personalizzazione vera e propria.
CARATTERISTICHE CHIAVE
- Motore tema basato su React Context e variabili CSS, aggiornamento istantaneo senza reload
- 3 palette curate più color picker completamente personalizzabile, con varianti dark dedicate
- 6 modelli strutturali intercambiabili per settori diversi, con layout One-Page o Multi-Page
- Sezioni e widget attivabili/disattivabili singolarmente in tempo reale
- Flusso di onboarding guidato: estrazione palette dal logo, test live con dati reali, blocco configurazione
TECNOLOGIE
Schema dei Flussi Logici
Clicca sull'infografica sottostante per ingrandirla a schermo intero ed esplorare l'interazione tra theme engine, palette, modelli strutturali e onboarding cliente.
Mappa dell'Infrastruttura e dei Servizi
Esplora lo schema logico del framework. Passa con il mouse o tocca ciascun blocco per visualizzare le specifiche dei componenti, dal theme engine fino al lock della configurazione.
Specifiche di Integrazione
Clicca sulle varie componenti dell'architettura per esplorare le specifiche d'integrazione, i flussi di dati e la logica implementata nel dettaglio.
React Context + localStorage
Ogni preferenza (palette, modello, layout) persiste istantaneamente tra le sessioni.
Variabili CSS Dinamiche
Tailwind legge --primary/--accent/--bg-main a runtime: le utility class si aggiornano dal vivo.
Tema Chiaro/Scuro/Automatico
Varianti dark dedicate per ogni palette, non semplice inversione dei colori.
Zero Build Intermedie
Il cliente vede il cambiamento in tempo reale, senza deploy o richieste al team tecnico.
3 Palette Curate + Custom
Istituzionale, Dinamica, Premium, oppure color picker completo per primario/accento/sfondo.
6 Modelli Strutturali
Dinamico, Consulente, Landing, Essenziale, Techno, Scientifico: ciascuno pensato per un settore diverso.
Layout One-Page o Multi-Page
Selezionabile in tempo reale, stessa base di contenuti.
Sezioni & Widget a Blocchi
Filosofia, Servizi, Portfolio, Contatti e altri moduli attivabili singolarmente.
Intelligence del Cliente
Raccolta dati pubblici (presenza social, sito esistente) prima ancora di aprire l'editor.
Estrazione Palette dal Logo
Criterio cromatico esplicito: colori caldi/terrosi, neutri, o vivaci indirizzano verso palette diverse.
Test Live con Dati Reali
Tutti i modelli provati con i contenuti veri del cliente prima di qualsiasi sviluppo custom.
Lock & Go-Live
Configurazione bloccata come base, toolbar demo rimossa, scelta finale resa definitiva nel codice.