L'identità visiva prende forma con una vivace palette pastello che dona al programma di affiliazione un carattere dinamico e accogliente. Gli accenti viola, arancione, rosa e giallo creano risalto senza trasformare la pagina in una presentazione aziendale cupa o eccessivamente formale. Le schede dagli angoli arrotondati e l'ampio pannello CTA sfumato ripropongono geometrie morbide nelle diverse sezioni, facendo percepire il layout come un progetto coordinato e armonioso piuttosto che come una serie di blocchi sconnessi.
I personaggi illustrati e le grafiche dedicate al mondo dell'affiliazione trasferiscono questa stessa impronta nei contenuti. La sezione hero impiega una grande illustrazione promozionale a supporto del messaggio iniziale, mentre i tre passaggi per aderire utilizzano illustrazioni dedicate per rendere il processo intuitivo. La grafica circolare per le commissioni inserisce un motivo visivo ben riconoscibile in una parte più pratica, e l'illustrazione della sezione FAQ mantiene l'area delle domande coerente con il tono generale.
Una tipografia amichevole, titoli centrati e ampi spaziature valorizzano l'impostazione visiva lasciando respiro a ciascun concetto. Le due schede delle risorse arrotondate estendono questo schema ai contenuti nella parte inferiore della pagina, mentre il footer compatto chiude la struttura senza competere con la tavolozza principale. Il design del sito web si distingue quindi non per un singolo dettaglio decorativo, ma per la continua armonia tra forme morbide, accenti vivaci, illustrazioni e ampi spazi lungo tutti i contenuti del programma di affiliazione.
Quando utilizzi Website Design Builder sarai in grado di regolare colori, caratteri, intestazione e fooer, layout, colonne e altri elementi di design, nonché contenuti e immagini.
Utilizzare le Impostazioni del tema per definire le basi visive del sito web in tutte le sue pagine e sezioni. Impostare colori, font e tipografia globali in modo che il sito segua la stessa direzione di design, anziché applicare uno stile diverso a ogni pagina.
Scegliere una combinazione di colori e font che si adatti al carattere del sito web, quindi perfezionare i titoli H1-H6, il testo normale, i link, i pulsanti, le citazioni, gli elenchi e gli altri stili tipografici. L'uso coerente di queste impostazioni contribuisce a creare una chiara gerarchia visiva e a rendere riconoscibili gli elementi di design ricorrenti in tutto il sito web.
Utilizzare gli Effetti di animazione per rendere il design del sito web più dinamico e interattivo. Elementi e contenitori possono utilizzare effetti come Run On Display, Animation On Hover e Animation Sync With Scroll per introdurre contenuti mentre i visitatori navigano nel sito o in risposta all'interazione dell'utente. I preset di animazione offrono effetti predefiniti che possono essere adattati allo stile visivo del sito web.
Applica la stessa direzione di design agli elementi condivisi del sito web, come l'intestazione, il menu e il piè di pagina. Il Pannello delle impostazioni del tema riunisce i controlli di stile comuni a tutto il sito, semplificando il mantenimento di un aspetto coordinato man mano che il sito web si espande su più pagine.
Questo flusso di lavoro rende il template un utile punto di partenza per creare un sito web con un'identità visiva coerente, colori e tipografia coordinati, regole di design condivise ed effetti interattivi su tutte le pagine.