Sistem de design · v2

Nuferi pentru Comunitate

Fundamentele vizuale ale asociației — culori, tipografie, spațiere și componente. Tipografia de mai jos folosește stilurile globale Bricks (Theme Styles): titlurile și textul moștenesc automat fontul și scara, fără reguli pe fiecare element.

Tipografie

Scară & fonturi

Titluri în Fraunces, text în Nunito Sans. Fiecare exemplu este un element semantic pur (h1/h2/h3/p) care moștenește Theme Styles — niciun stil de font pe element.

Eyebrow · Nunito Sans 700 · utilitarDespre noi
H1 · Fraunces (Theme Style)

O comunitate care înflorește

H2 · Fraunces (Theme Style)

Cum ne arătăm misiunea

H3 · Fraunces (Theme Style)

Sprijin pentru femei

Body · Nunito Sans (Theme Style)

Susținem oamenii prin acțiuni de solidaritate și implicare, cu un accent special pe sprijinirea femeilor — creând contexte simple și sincere în care fiecare să își regăsească încrederea.

Culori

Paletă

Verdele Deltei este structura; auriul/ocru este accentul. Toate sunt variabile globale (var(--token)).

Verde profund--brand-deep · #173d2csecțiuni întunecate
Verde închis--brand-dark · #1f4f38titluri, hover
Verde brand--brand · #2f6f4flinkuri, cifre
Mentă 200--color-border · #d4e8daborduri
Mentă 100--color-surface-alt · #e9f3ecfundal alt.
Auriu închis--accent-dark · #9c7f2ceyebrow, hover
Auriu accent--accent · #bd9a3cbuton primar, badge
Auriu 200--gold-200 · #ece0b8pe fundal închis
Auriu 100--accent-soft · #f5efd9note / placeholder
Cerneală--ink · #22302atext principal
Estompat--muted · #5d6f64text secundar
Cremă--cream · #f8faf7fundal pagină
Alb--white · #ffffffcarduri
Spațiere & raze

Ritmul vizual

Scara de spațiere și colțurile rotunjite, toate ca variabile.

--space-3 · 12px
--space-4 · 16px
--space-5 · 24px
--space-6 · 32px
--space-7 · 48px
--space-8 · 64px
--space-9 · 84px
--radius-sm · 10px
--radius · 14px
--radius-pill · 50px
Componente

Butoane

Primar = auriu. Secundar = verde. Ghost = contur (pe fundal închis).

Componente

Blocuri de conținut

Card, statistică, citat-misiune, tag + badge și notă placeholder.

Solidaritate

Card cu iconiță Ionicons, titlu și descriere — toate moștenesc stilurile globale.

160+urmăritori pe Facebook

Statistică — cifră în Fraunces, verde brand.

Eveniment trecut
24iunie

Tag + badge de dată (accent auriu).

Citat · misiune
„Susține oamenii prin acțiuni de solidaritate și implicare, cu un accent special pe sprijinirea femeilor.”
Câmp lipsă marcat vizibil:Adaugă IBAN / link de donații