Subdiviziune
Un dreptunghi, divizat. Dă click pe orice celulă ca să o împarți pe latura mai lungă — o compoziție care se asamblează singură, o decizie pe rând.
Focus
Structura ca o secvență de tăieturi mici, pe care le poți apăra.
Mediu
SVG
Durată
În curs
Actualizat
iunie 2026
Dă click pe orice celulă de mai sus și se împarte pe latura mai lungă, într-un raport descentrat. Perechea nouă apare estompat, cu o margine scurtă în accent, apoi se răcește la o linie subțire. Continuă și o compoziție se construiește singură.
De ce
aceasta.
Layout-ul nu e un singur gest grandios — e o secvență de tăieturi mici, fiecare pe care ar trebui să o poți apăra într-o propoziție. „Se împarte aici pentru că…" Constrângerea interesantă e să știi când să te oprești: fiecare tăietură cumpără claritate până când, la un moment dat, următoarea cumpără doar dezordine.
Cum
funcționează.
Dreptunghiuri SVG simple, conduse de puțin state în React — fără canvas, fără bibliotecă de animație. Fiecare împărțire alege axa mai lungă și un raport descentrat derivat determinist din poziția celulei, așa că rezultatul pare compus, nu aleatoriu; o tranziție CSS estompează celulele noi și le răcește marginea accent. Celulele nu mai pot fi împărțite odată ce ar coborî sub o dimensiune minimă.