O deschidere concentrată pe mesaj. Este potrivit când nu ai nevoie de o fotografie mare pentru a explica oferta. Eticheta, titlul, introducerea și butonul principal conduc vizitatorul.
Pentru pagina principală, alege mărime medie sau mare; pentru o subpagină, de regulă, compactă. Începe cu un titlu clar și o singură acțiune.
Pagina principală / campanie
Dimensiunea mare funcționează când această secțiune este punctul principal de intrare și trebuie comunicată o idee centrală.
Înălțimea trebuie să corespundă rolului secțiunii.
Pentru pagina principală sau o campanie cu o ofertă centrală.
Un punct de plecare bun pentru majoritatea site-urilor de afaceri.
Pentru subpagini, unde titlul este important, dar restul conținutului trebuie văzut repede.
Pagină de afaceri
O introducere vizibilă, fără să ocupe tot primul ecran.
Subpagină
Potrivit când vizitatorul cunoaște deja contextul și vrea să ajungă repede la conținut.
Nu știi de unde să începi? Alege dimensiunea Medie, lățimea Pentru citire, spațiu interior generos și un CTA concret. Mai întâi clarifică mesajul, apoi experimentează cu aspectul.
| Setare | Ce controlează? | Recomandare practică |
|---|---|---|
| Conținut | Etichetă de sus, titlu și subtitlu. | Titlul trebuie să se înțeleagă singur; eticheta oferă context, iar subtitlul detalii noi. |
| Nivelul titlului | H1, H2 sau H3. | Păstrează un H1 principal pe pagină; când există deja, folosește H2. |
| Mărimea titlului și descrierii | Mărime în pixeli sau Auto. | Valorile implicite sunt adesea suficiente. Pe telefon, textul mare se adaptează. |
| CTA | Etichetă, destinație, culori și o a doua acțiune opțională. | Numește următorul pas; acțiunea secundară trebuie să fie mai discretă. |
| Dimensiune | Compactă / Medie / Mare. | Medie pentru început; Mare pentru un punct principal, Compactă pentru subpagini. |
| Fundal și lățime | Fundal normal, inversat ori personalizat; coloană sau lățime completă. | Pe fundal colorat, extinde banda, dar păstrează textul în coloană. |
| Culori | Text, accent și culorile butonului. | Respectă paleta site-ului și verifică contrastul. |
| Lățimea conținutului | Pentru citire / Lată / Completă. | La text centrat, varianta Pentru citire este de regulă cea mai sigură. |
| Spațiu și vizibilitate | Spațiere, margini, afișare pe dispozitive și programare. | Folosește programarea pentru campanii reale, nu pentru a repara probleme responsive. |
Principalele setări ale blocului Hero centrat
Poți adăuga o acțiune secundară mai discretă, precum „Cum funcționează”. Destinația este configurată în câmpul Link secundar; acțiunea apare numai dacă are și text, și link.
Nu acorda ambelor acțiuni aceeași greutate vizuală. Un pas trebuie să rămână principal.
Al treilea stil de acțiune secundară este Imagine: un vizual clicabil care poate duce la o pagină de proiect sau de finanțare.
Folosește doar fișierele oficiale furnizate pentru proiect.
O categorie sau un context scurt: de exemplu „Contabilitate pentru firme mici” sau „Serviciu nou”. Nu repeta titlul.
Rolul imaginii este mai important decât efectul vizual.
TESTEAZĂ CU UN MESAJ REAL
Începe cu un titlu concret și adaptează dimensiunea și vizualul la mesaj.