Visual System — Grid & Spacing

Spacing is part of the identity.

Grila și spațierea sunt la fel de recognoscibile ca logo-ul. Ele decid dacă un material arată ca Alumnii MPES chiar înainte de a fi citit.

Grilă

Totul în multipli de 8.

Layout-urile digitale și de prezentare pornesc de la o bază de 8 px. Grila stabilește coloanele, iar scara de spațiere stabilește ritmul.

8 px

16 px

24 px

32 px

48 px

Scara de spațiere: 8 · 16 · 24 · 32 · 48. Valorile intermediare se evită.

12 coloane · gutter 24 px · bază 8 px

Specificații

Context	Valoare	Observații
Margini A4	18–22 mm	Mai generoase în documentele instituționale.
Padding intern carduri	16–24 px	Consecvent în toată interfața.
Bază grilă digitală	8 px	Toate distanțele sunt multipli.
Gutter coloane	24 px	32 px pentru layout-uri late.
Lungime rând text	60–80 caractere	Peste acest prag, lizibilitatea scade.

Aliniere predominant la stânga.
Secțiunile se separă întâi prin spațiu alb, abia apoi prin linii sau borduri.
Titlurile și subtitlurile se grupează strâns între ele.
Între grupul de titlu și textul curent există o separare clară.
Layout-urile instituționale folosesc mai mult spațiu alb și mai puține elemente grafice.
Campaniile pot folosi blocurile modulare mai vizibil.

Recomandat

Distanțe din scara 8/16/24/32/48.

Spațiu alb ca separator principal.

Aliniere consecventă pe toată pagina.

Ritm vertical previzibil între secțiuni.

De evitat

Distanțe arbitrare, „ochiometrice”.

Umplerea spațiului liber cu elemente decorative.

Text centrat pe blocuri lungi.

Linii și chenare folosite pentru a compensa lipsa spațiului.