Crea una presentazione HTML modificabile con un’area di lavoro 16:9, pulsanti precedente/successivo, navigazione tramite i tasti freccia, un contatore delle slide e un layout di stampa con una slide per pagina per [PROJECT] e [AUDIENCE]. L’attività è: Presentazione per conferenza.
## Contenuti e struttura obbligatori
Sviluppa una tesi chiara, tre idee a sostegno, un esempio concreto e una conclusione chiave.
Usa [APPROVED_CONTENT] come fonte per nomi, date, dati, dichiarazioni e destinazioni. Elenca gli input mancanti prima di sostituire qualsiasi elemento. Se è necessaria una dimostrazione, indica che i contenuti sono fittizi. Non inventare citazioni di clienti, classifiche, loghi di partner o funzionalità del prodotto.
## Direzione del design
Usa [BRAND_RULES] e il design system già selezionato nel progetto. Se non viene fornito alcun sistema, parti da questa direzione: avorio, antracite e un unico accento verde lime; titoli di grandi dimensioni, spazi bianchi studiati e una chiara gerarchia delle informazioni. Mantieni coerenti caratteri tipografici, spaziatura e ruoli dei colori. Dai priorità all'attività rispetto agli elementi decorativi ed evita una raccolta generica di schede scollegate.
## Preparazione dei contenuti
Scrivi una tesi centrale, tre idee a sostegno, un esempio concreto e una conclusione chiave. Fornisci le note del relatore separatamente dal testo che il pubblico deve leggere.
## Layout e comportamento
Usa le slide per sostenere l’argomentazione orale anziché riprodurre il copione. Lascia spazio sufficiente a diagrammi ed esempi e rendi esplicite le transizioni tra le idee.
## Verifica di accettazione specifica dell'attività
- Usa il minimo indispensabile di testo nelle slide e separa le note del relatore dai contenuti per il pubblico.
- Leggi la presentazione dalla distanza prevista e prova la sequenza.
- Rimuovi il testo che compete con il relatore e verifica che ogni esempio sostenga effettivamente la tesi.
## Implementazione e revisione
Mantieni il testo modificabile. Usa una struttura semantica, controlli descrittivi, un focus da tastiera visibile e stati vuoti/di errore appropriati. Verifica i layout stretti e ampi. Rispetta le preferenze per la riduzione del movimento. Mantieni il framework e le dipendenze esistenti del progetto; non sostituire lo stack senza segnalarlo. Restituisci i file modificabili e spiega eventuali comportamenti incompleti o input non supportati. Esamina questa attività specifica prima di proporre funzionalità aggiuntive.
Mantieni una sola idea principale per diapositiva. Usa grafici solo quando vengono forniti valori effettivi e confrontabili; includi unità, date delle fonti e limitazioni. Mantieni le note del relatore separate dai contenuti visibili delle diapositive.
## Allegato di riferimento e obiettivo di ricostruzione
Allega reference.webp, incluso nel pacchetto scaricabile di questo prompt, insieme al prompt in OpenDesign. Crea un risultato modificabile con composizione e gerarchia simili; non incorporare l'intera immagine di riferimento come interfaccia finale. Mantieni i contenuti di progetto approvati e le regole del brand se sono in conflitto con le etichette fittizie dell'esempio. Se l'immagine manca o è illeggibile, richiedila invece di dichiarare fedeltà visiva.
## Composizione e contenuti di riferimento
Usa il file reference.webp allegato come riferimento visivo per la presentazione della conferenza. Prima di procedere, individua le aree principali dall’alto verso il basso, le relative larghezze e altezze, l’allineamento, la spaziatura, la gerarchia tipografica, i colori delle superfici, i bordi, le immagini e i componenti ricorrenti. Mantieni queste relazioni anziché sostituirle con un modello generico. Contenuto richiesto: sviluppa una tesi chiara, tre idee a sostegno, un esempio concreto e una conclusione da ricordare. Per tradurre l’immagine in elementi modificabili, segui queste indicazioni specifiche per il layout: usa le slide per sostenere l’argomentazione orale anziché riprodurre il copione. Lascia spazio sufficiente a diagrammi ed esempi e rendi espliciti i passaggi tra le idee.
## Direzione visiva dal brief di esempio
avorio, antracite e un unico accento verde lime; titoli di grandi dimensioni, spazi bianchi studiati e una chiara gerarchia delle informazioni.
## Struttura delle diapositive e comportamento della presentazione
Ricrea la composizione della slide con elementi modificabili per titolo, corpo del testo, contenuti visivi e annotazioni. La slide raffigurata rappresenta una sola vista, non dimostra che la presentazione sia completa. Usa la narrazione fornita per creare le eventuali slide aggiuntive richieste, mantenendone tipografia, margini, ruoli cromatici e allineamento. Usa le slide per sostenere l’argomentazione orale anziché riprodurre il copione. Lascia spazio sufficiente a diagrammi ed esempi e rendi espliciti i passaggi tra le idee. Mantieni la navigazione fuori dai contenuti esportati delle slide. Usa il minimo indispensabile di testo nelle slide e separa le note del relatore dai contenuti per il pubblico.
## Confronto visivo e consegna
1. Confronta il risultato con l'immagine allegata usando le stesse proporzioni. Prima di perfezionare i dettagli decorativi, verifica il posizionamento delle aree principali, le dimensioni relative delle immagini, le interruzioni di riga, la spaziatura, la gerarchia tipografica, il contrasto, gli stati attivi e la densità dei contenuti.
2. Quindi testa il layout stretto senza comprimere il testo desktop in etichette minuscole.
3. Mantieni loghi, foto e icone come risorse separate e tutte le etichette significative modificabili. Elenca eventuali caratteri o risorse non disponibili e qualsiasi scostamento intenzionale. Restituisci i file funzionanti insieme a una descrizione concisa dei comportamenti implementati e delle integrazioni ancora necessarie; non promettere un risultato identico al pixel basandoti solo sul prompt.
## Adattamento del riferimento alle dimensioni delle diapositive
Il riferimento visivo allegato è un'immagine concettuale in formato 3:2, mentre la presentazione richiesta utilizza diapositive 16:9. Ricomponi testo, immagini, grafici e spaziatura come elementi modificabili separati su una tela 16:9. Non deformare il riferimento né ritagliare l'intera composizione per adattarla forzatamente. Mantieni la gerarchia, assicurati che il contenuto fornito resti leggibile e adatta ogni diapositiva al proprio messaggio.