Textul și fotografia spun împreună povestea. Alege acest bloc când imaginea nu este doar decor: prezintă produsul, rezultatul, oamenii sau locul care explică oferta.
Începe cu o singură promisiune clară și o fotografie relevantă, apoi decide dacă imaginea stă în stânga sau în dreapta.
Serviciu / expertiză
Fotografia trebuie să demonstreze ceva concret: un produs, un proces, un rezultat, un loc sau o persoană.
Vizualul trebuie să adauge informație, nu doar să umple jumătate din ecran.
Produs, lucrare, echipă, loc sau rezultat care susține mesajul.
Subiectul principal trebuie să rămână vizibil și după decupare.
Dacă fotografia ar fi potrivită oricărui concurent, probabil nu adaugă suficient sens.
Produs / accent vizual
O fotografie în stânga atrage prima atenția, iar textul explică imediat ce vedem.
Regulă practică: dacă imaginea este pur decorativă, folosește un Hero centrat. Când arată o dovadă sau oferă context, Hero cu imagine alăturată este potrivit. Partea aleasă depinde de ceea ce trebuie observat prima dată.
| Setare | Ce controlează? | Recomandare practică |
|---|---|---|
| Conținut | Etichetă, titlu, subtitlu și CTA. | Titlu scurt și clar; explicația trebuie să arate ce adaugă fotografia. |
| Nivelul titlului | H1, H2 sau H3. | Păstrează un singur H1 principal pe pagină. Pentru secțiuni secundare folosește H2. |
| Mărimea textului | Pixeli sau Auto. | Valoarea implicită este adesea suficientă; pe mobil fonturile mari se adaptează. |
| Imagine | Fotografie, ALT și TITLE. | Folosește un vizual real și relevant; descrierea ALT nu trebuie să fie o listă de cuvinte-cheie. |
| Poziția imaginii | Stânga sau dreapta. | Pune fotografia prima dacă ea atrage atenția, ori textul dacă oferta trebuie înțeleasă întâi. |
| Punct focal | Poziția principalului detaliu la decupare. | Protejează fața, obiectul sau elementul important din fotografie. |
| Fundal și lățime | Coloană, lățime completă sau până la marginile ecranului. | Lățime completă oferă o bandă puternică, păstrând conținutul organizat. |
| Culorile CTA | Fundalul și textul butonului. | Păstrează butonul contrastant, dar în paleta site-ului. |
| Lățime și spațiere | Lățimea conținutului, spațiu interior și exterior. | Varianta Lată funcționează bine pentru două coloane. |
Principalele setări ale Hero-ului cu imagine alăturată
Decupează fotografia într-o formă care se dezvăluie la apariția pe ecran.
Dreptunghi cu colțuri rotunjite, implicit și pentru perechi de imagini.
Imagine decupată ca o poartă rotunjită.
Cel mai mare cerc încadrat în zona disponibilă.
Formă cu două colțuri opuse puternic rotunjite.
Contur neregulat care se schimbă lent.
Necesită decupare cu umplere; la tipărire fotografia apare întreagă.
Forma: Arcadă
Fotografia apare într-o formă de arcadă, dezvăluită la intrarea în ecran. Efectul necesită un cadru decupat.
La setarea Imagini poți înlocui fotografia unică printr-o pereche de imagini suprapuse cu umbră discretă, similar blocului Pereche de imagini. Prima fotografie rămâne în față, iar a doua are propria descriere ALT.
Pereche de imagini: Înclinat
Prima imagine este mai mare; a doua apare în spate, lângă colțul superior.
Poți adăuga o acțiune secundară mai discretă lângă butonul principal. Destinația se setează în câmpul Link secundar, iar textul apare numai dacă există și linkul.
Acțiunile se află în partea de text, sub explicație, indiferent de poziția fotografiei. Prima acțiune trebuie să rămână mai vizibilă.
Stilul Imagine permite adăugarea unui panou vizual clicabil, de exemplu o informare oficială care deschide pagina proiectului.
Folosește numai grafica oficială pe care ai dreptul să o publici.
Când vizitatorul trebuie să înțeleagă întâi oferta, iar fotografia oferă apoi dovada.
Pornește de la rolul fotografiei.
ECHILIBRU ÎNTRE TEXT ȘI IMAGINE
Fotografia și textul trebuie să se completeze, nu să concureze.