Subdiviziune
Structura ca o secvență de tăieturi mici, pe care le poți apăra.
- Stare
- Live
- Mediu
- SVG
- 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ă.
01 · Note
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.
02 · Note
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ă.
Dacă simți că ceva nu e în regulă, începe de acolo.
Spune-mi ce se întâmplă și cum ar arăta un rezultat bun. Un email scurt e de ajuns — le citesc pe toate și răspund în două zile lucrătoare.