Canvas
Template premium per portfolio di designer, creativi e studi
Canvas è un template per portfolio creativi a tema chiaro: 5 pagine HTML responsive con titoli in serif (Georgia), in corsivo e pulsanti squadrati, pronte da personalizzare con i tuoi contenuti.
Cos’è Canvas
Canvas è un template per portfolio creativi a tema chiaro: una base front-end di 5 pagine HTML responsive, scritta in HTML, CSS e JavaScript nativi.
Un sistema di portfolio per designer, creativi e studi che mette i progetti al primo posto con un’interfaccia volutamente sobria. Il menu usa le voci «Work», «About», «Contact», in inglese e modificabili. I testi e il marchio presenti nei file sono contenuti dimostrativi in inglese: vanno sostituiti con i tuoi.
A cosa serve
Serve a mettere i progetti al primo posto con un’interfaccia sobria. La struttura è pronta: scegli i contenuti, sostituisci il marchio dimostrativo e le illustrazioni e pubblica.
Per chi è pensato
Per designer, creativi e studi. È un punto di partenza, non un sito finito: rispetto agli altri template della stessa categoria cambia lo stile — tema chiaro, titoli in serif (Georgia), in corsivo e pulsanti squadrati — mentre struttura e testi dimostrativi sono gli stessi.
Cosa ricevi dopo l’acquisto
Un unico file ZIP di circa 13 KB con 23 file: 5 pagine HTML, il foglio di stile, lo script, 12 illustrazioni SVG originali e la documentazione di base (README, guida alla personalizzazione, registro delle modifiche e avvisi sui materiali di terzi), in inglese.
Download e installazione
Quando l’ordine risulta completato scarichi il file dalla pagina di conferma e, in qualsiasi momento, dalla tua area Account alla voce Libreria. Per usarlo basta decomprimere lo ZIP: apri index.html nel browser oppure carica la cartella su un hosting per file statici. Non servono build, framework o installazioni.
Da sapere
- Non include gestione dinamica dei progetti: i progetti sono blocchi HTML da modificare a mano.
- Il modulo di contatto e i pulsanti d’azione sono dimostrativi: mostrano un messaggio e non inviano dati.
- I colori si modificano dalle variabili CSS in
:root; le illustrazioni sono file SVG inassets/media. - Le immagini di copertina sono promozionali e illustrative: il template che ricevi è quello mostrato negli screenshot della sezione «Il template reale».
Caratteristiche 8
- 5 pagine HTML responsive: home, elenco, dettaglio, chi siamo e contatti
- Struttura e menu pensati per portfolio creativi: «Work», «About», «Contact»
- Tema chiaro: sfondo #f0f0f0, testo #1d1b1f, accento #000018
- Titoli in serif (Georgia), in corsivo, pulsanti squadrati; solo font di sistema
- 12 illustrazioni SVG originali incluse, senza foto o loghi di terzi
- Colori e larghezza massima gestiti da variabili CSS in :root
- Un modulo contatti e un pulsante d’azione dimostrativi, da collegare al tuo back-end
- Nessun build step, framework o CDN: HTML, CSS e JavaScript nativi
Pagine incluse 5
- Home (index.html)
- Elenco (collection.html)
- Dettaglio (detail.html)
- Chi siamo (about.html)
- Contatti, con modulo dimostrativo (contact.html)
Domande frequenti
Cosa ricevo dopo l’acquisto?
Un file ZIP di circa 13 KB con 23 file: 5 pagine HTML, il foglio di stile, lo script, 12 illustrazioni SVG e la documentazione di base in inglese.
Serve un build tool o un framework?
No. Canvas usa HTML, CSS e JavaScript nativi: puoi aprire index.html nel browser o caricare la cartella su un hosting per file statici.
Il modulo di contatto funziona?
È dimostrativo: mostra un messaggio d’esempio e non invia dati. Per riceverli va collegato al tuo back-end.
Posso usare il mio marchio e le mie immagini?
Il pacchetto è pensato per essere personalizzato: la guida inclusa indica di sostituire il marchio dimostrativo in tutti i file HTML e di sostituire o ricolorare le illustrazioni SVG. Le condizioni d’uso sono nella pagina Licenza d’uso.
Le immagini di copertina corrispondono al template?
Sono immagini promozionali illustrative: non rappresentano funzioni o contenuti che il pacchetto non include. Il template effettivamente incluso nell’acquisto è mostrato negli screenshot della sezione «Il template reale» di questa pagina.
Come scarico il template?
Quando l’ordine risulta completato, dalla pagina di conferma e dalla tua area Account, alla voce Libreria. Maggiori dettagli in Download e consegna.
Specifiche
- Piattaforme
- CSS — tutti i template CSS, HTML — tutti i template HTML, JavaScript — tutti i template JavaScript
- Requisiti
- Browser aggiornato: il CSS usa color-mix() (Chrome e Edge 111+, Safari 16.2+, Firefox 113+)
- Nessun build tool, framework o Node.js
- Un hosting per file statici, oppure apertura locale di index.html
- Un editor di testo per modificare HTML e CSS
- Versione
- 1.0.0Rilasciata il 27 Settembre 2026
- File inclusi
- Canvas 1.0.0
- Documentazione
Primi passi
- Scarica lo ZIP dalla tua area Account e decomprimilo.
- Apri
index.htmlnel browser, oppure carica la cartella su un hosting per file statici. - Modifica i colori nelle variabili
:rootdiassets/styles.css. - Sostituisci il marchio dimostrativo e i testi in tutti i file HTML.
- Sostituisci o ricolora le illustrazioni SVG in
assets/media. - Collega il modulo di contatto e il pulsante d’azione al tuo back-end (
assets/app.js).
La guida inclusa nel pacchetto (
docs/CUSTOMIZATION.md) e il README sono in inglese.
Versioni
-
1.0.0
- Prima versione del template
Il template reale
Screenshot del template così come lo ricevi dopo l’acquisto. Le immagini di copertina sono illustrative.
La pagina intera
Come la vede chi la scorre.
Su ogni schermo
La stessa pagina su tablet e smartphone.
Altre pagine
Altre schermate reali dello stesso template.
Porta Canvas nel tuo progetto.
Richiede: Browser aggiornato: il CSS usa color-mix() (Chrome e Edge 111+, Safari 16.2+, Firefox 113+), Nessun build tool, framework o Node.js, Un hosting per file statici, oppure apertura locale di index.html, Un editor di testo per modificare HTML e CSS.
Disponibile al download dopo l’acquisto.
