Sistem de design
Referință vizuală pentru primitivele definite în DESIGN.md. Pagină internă, neindexată.
Culori
Ramă gold (primary)
primary-50
primary-100
primary-200
primary-300
primary-400
primary-500
primary-600
primary-700
primary-800
primary-900
primary-950
Ramă ink (base)
base-50
base-100
base-200
base-300
base-400
base-500
base-600
base-700
base-800
base-900
base-950
Tokenuri semantice
| Token | Valoare | Utilizare |
|---|---|---|
| --surface | #ffffff | Default page background. |
| --surface-alt | #F7F5F1 | Bone — alternate section background. |
| --surface-ink | #232629 | Ink — dark section background. |
| --ink | var(--color-base-900) | Default text on --surface / --surface-alt. |
| --ink-muted | var(--color-base-600) | Secondary text, descriptions, metadata. |
| --ink-inverse | var(--color-base-50) | Text on --surface-ink. |
| --rule | var(--color-base-200) | Hairline borders. |
| --rule-accent | var(--color-primary-400) | Gold rules — top edge of record cards, dividers. |
| --accent | var(--color-primary-400) | Brand gold. Fine for rules and large type, not small body text. |
| --accent-hover | var(--color-primary-600) | Hover fill for primary buttons. |
| --accent-ink | var(--color-base-900) | Text that sits on --accent (gold fails contrast with white text). |
| --focus-ring | var(--color-primary-600) | Visible focus ring, all interactive elements. |
Tipografie
Scala de tip
.t-display-lg
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-display-md
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-display-sm
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-title
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-lead
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-body
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-small
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
.t-eyebrow
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului.
Componente
Buton
Variante × dimensiuni. Stările hover/active/focus sunt vizibile la interacțiune; disabled este randat static mai jos.
Componente
InstitutionLink
Componente
Stat
1957
Membri activi
24
Filiale județene
Suprafețe
Section — ink
Șapte comisii țin ședințe pe teme diverse: ce înțeleg membrii Colegiului. Cele trei suprafețe (alb, os, ink) se rotesc pentru a separa secțiunile — nu culorile.