Cum alegi culorile și fonturile mărcii

Paleta de culori

Demona oferă 23 de palete pregătite, printre care Modern, Editorial, Bold, Noir, Midnight, Earthy, Pastel, Forest, Ocean, Mono, Terracotta, Olive, Plum, Petrol, Slate, Espresso, Coral, Saffron, Cobalt, Signal, Mint, Blush și Oxblood.

Fiecare paletă conține patru culori cu roluri diferite:

• Fundal: culoarea principală din spatele paginii.
• Text: culoarea pentru paragrafe și titluri.
• Accent: folosit pentru linkuri, butoane și elementele care trebuie observate.
• Estompat: pentru suprafețe discrete, chenare și fundaluri secundare.

Din setările avansate poți introduce și coduri de culoare personalizate pentru toate cele patru roluri. În acest caz, site-ul folosește o paletă proprie. Dacă selectezi ulterior un set predefinit, Demona te avertizează înainte să suprascrie alegerile manuale.

Verifică contrastul textului

Un text frumos nu este util dacă vizitatorul nu îl poate citi. Pentru textul obișnuit, criteriul de contrast WCAG AA este în general de cel puțin 4,5:1.

Când configurezi culori personalizate, Demona verifică contrastul dintre text și fundal, inclusiv pe benzi deschise, închise și suprafețe estompate. Dacă o combinație nu îndeplinește pragul, poți vedea un avertisment și o opțiune de corectare automată către o nuanță apropiată, mai lizibilă.

Nu te baza numai pe previzualizarea de pe propriul monitor. Verifică butoanele, linkurile și textele mici și pe telefon.

Fonturi pentru titluri și paragrafe

Poți porni de la cinci combinații gata pregătite: Editorial, Classic, Warm, Elegant și Modern. Fiecare asociază un font de titlu cu unul pentru textul obișnuit.

Dacă alegi varianta Personalizat, poți selecta separat cele două fonturi dintre 41 de familii. Biblioteca permite căutare după nume și filtrare după stil — serif, sans-serif ori display. Dacă preferi un singur font pe tot site-ul, poți folosi la paragrafe aceeași familie ca la titluri.

Fonturile sunt furnizate de propriul site, fără a fi încărcate de la un serviciu extern de fonturi. Acest lucru evită o solicitare suplimentară către un terț pentru descărcarea caracterelor.

Recomandare: alege un font lizibil pentru texte lungi și rezervă fonturile decorative pentru titlurile scurte.

Imagine sau videoclip de fundal pentru site

Opțional, poți seta un fundal vizual comun pentru paginile publice. Imaginea și videoclipul sunt alternative: dacă activezi unul, celălalt este eliminat din setarea de fundal.

• Imagine: se extinde pentru a umple fereastra. Poți alege punctul focal pentru a păstra zona importantă chiar și atunci când fotografia este decupată.
• Video: poți selecta un fișier MP4 sau WebM din biblioteca media ori poți introduce un link direct către un astfel de fișier. Redarea este automată, fără sunet, repetată. Folosește o secvență scurtă și calmă doar când mișcarea chiar aduce valoare.
• Suprapunere închisă: un strat întunecat peste fundal, astfel încât textul din față să rămână lizibil.

De cele mai multe ori, un fundal simplu este suficient. Fotografiile și videoclipurile de mari dimensiuni pot distrage atenția sau crește timpul de încărcare.

Colțurile și umbrele imaginilor

În setările de imagine poți aplica un stil consecvent fotografiilor de pe întregul site:

• Colțuri: drepte, ușor rotunjite sau rotunjite.
• Umbră: fără umbră ori o umbră discretă.
• Implicit pentru bloc: fiecare bloc își păstrează aspectul inițial, dacă nu îi configurezi altceva.

Un bloc poate avea în continuare propriile setări pentru rama imaginii. Dacă vrei să modifici doar o secțiune, folosește opțiunile blocului, nu aspectul global. Vezi și personalizarea aspectului blocurilor.