Documentație Brivio
Sistemul de design

Suprafețe

Materialul: 9 roluri × 4 moduri × 7 proprietăți, verificate de `check-surface-recipes`.

Pagină generată din artefactele de build (pnpm docs:design-system). Nu edita manual — rulează generatorul.

Roluri

  • surface-panel
  • surface-overlay
  • surface-subtle
  • surface-sidebar
  • surface-card
  • surface-chrome
  • surface-input
  • surface-read
  • surface-media

Moduri

  • [data-surface="glass"]
  • [data-surface="blur"]
  • [data-surface="frosted"]
  • [data-surface="opaque"]

Proprietăți per rol

  • --surface-<role>-bg
  • --surface-<role>-border
  • --surface-<role>-blur
  • --surface-<role>-shadow
  • --surface-<role>-edge
  • --surface-<role>-sheen
  • --surface-<role>-lum
  • --surface-<role>-scrim

Fiecare rol definește toate proprietățile în fiecare mod; poarta refuză o celulă lipsă sau o valoare brută în afara surface-tokens.css.

Tokenuri de culoare

Cele 7 accente × 2 moduri produse de pipeline-ul DTCG → Style Dictionary (ADR-0169).

Mișcare

Scara de durate și curbele de accelerare — constante de platformă, nu alegeri de brand.

Pe această pagină

RoluriModuriProprietăți per rol