Card
Markup canonic · components/card.json
sursa = JSON · generat de scripts/build-catalog.py
Titlu card
Descriere scurtă a conținutului — maximum două linii.
Variante
Default
Card surface
Pe fundal alb, border subtil. Folosit pentru carduri de produs și KPI.
Tonal
Card bej
Pe bej cald, fără border. Pentru zone secundare sau gruparea de informații.
Dark
Card dark
Negru cald, contrast puternic. Pentru CTA și secțiuni „deep".
Featured card
Variantă cu border pink + shadow subtil — folosită pe pricing (planul recomandat) sau pe carduri care trebuie să iasă în evidență din grid.
Cel mai popular
Plan Activ
Border pink + shadow subtil. Folosit pe pricing.
Border · token --c-rule-card
Decis: 1px solid var(--c-rule-card) = ink @ 12% pe orice card alb și KPI. Linear-style — vizibil clar, fără să devină prezent vizual. Nu folosim alte alphas pe containere. (Inputs/selects au token propriu, mai puternic: --c-input-border, ink @ 30%.)
CARD ALB · BORDER STANDARD
Total facturat
12.480Lei
1px solid var(--c-rule-card)
Regula completă · containers
Card cu inputs / acțiune → bej-1 #EFEBE4, NO border Card cu doar text / cifre → white #FFFFFF, border 1px hairline Card "deep" (CTA, TVA) → dark --c-dark-grad (magenta ramp), NO border