Salt la conținutul principal

Blocul Separator

La ce folosește blocul Separator?

Uneori o linie discretă este suficientă pentru a organiza pagina. Separatorul desparte vizual două părți conexe ale conținutului, fără să creeze neapărat un capitol nou.

Alegi stilul liniei și lățimea ei. Sunt disponibile cinci variante, de la o linie foarte subțire până la un separator decorativ.

Cinci stiluri, în exemple

Linie foarte subțire — îngustă: pentru o pauză vizuală discretă între două părți înrudite.


Linie groasă — lată: marchează mai ferm trecerea dintre secțiuni, fără a impune un titlu nou.


Degradé — lățime completă: vizibilă la mijloc, estompată către margini. Potrivită unei tranziții line.

Linie punctată — lată: o alegere mai jucăușă și mai puțin formală.


Decorativă ◆ — îngustă: un mic romb între două linii fine. Creează un aspect editorial, de aceea este mai bine folosită rar.

Nu așeza un separator între fiecare bloc. Prea multe linii fragmentează pagina. Folosește-l când există un schimb de temă sau de ritm; dacă ai nevoie doar de spațiu, alege blocul Spațiu liber.

Ce poți configura la Separator?

Stilul și lățimea determină cât de vizibilă este delimitarea.

Foarte subțire

Linie discretă de 1 px, potrivită între secțiuni apropiate.

Groasă

Linie de 3 px, pentru o pauză mai evidentă.

Punctată

O linie mai decorativă, cu un aspect relaxat.

Decorativă ◆

Un romb în culoarea de accent, între două linii subțiri.

Degradé

O linie care dispare treptat către margini.

Patru lățimi

Scurtă, Îngustă, Lată sau Completă. Ultima se referă la spațiul disponibil al conținutului, nu neapărat la întreaga lățime a ecranului.

O SCHIMBARE DISCRETĂ DE RITM

Un separator bun organizează pagina fără să domine.

Folosește o linie atât de puternică pe cât justifică trecerea. Dacă e suficient spațiul, renunță la linie.