Ir ao conteúdo
SEED engenhariaDesign System

Marca SEED

11. Sistema digital

marca-seed.md v5.37 · §11seção 12 de 1911-sistema-digital.md · MD5 cb258b0b

Fonte executável: tokens v1.1 (seed-tokens.css/.json/.md). (Supersede: o bloco CSS resumido da v4.1 — que ainda listava --font-deco: Indie Flower — está morto; nunca copiar tokens deste arquivo, sempre dos arquivos de token.)

  • Cores em código: componentes consomem tokens semânticos (--seed-action-primary, --seed-text-secondary), nunca hex, nunca primitivos.
  • Dark mode é cidadão de primeira classe: todos os semânticos têm par light/dark; superfícies escuras oficiais tintadas no hue do cinza (#0B1419#273137). Logo em dark: mono-negativo.
  • Motion: dois registros (produtivo 100–150ms / expressivo 300–400ms) com easings tokenizados e prefers-reduced-motion embutido.
  • Elevação: par superfície+sombra (raised/overlay/modal), sombras tintadas no cinza-900.
  • Acessibilidade: WCAG 2.2 AA é piso — contraste conforme §3.6, foco visível (--seed-focus-ring), touch targets ≥44×44px.
  • Spacing base 4px (sp-0…sp-24) · radius sm 4 / md 8 / lg 12 / xl 16 / full · grid 12 colunas gap 24px · breakpoints mobile 0–639 / tablet 640–959 / desktop 960+.
  • Dataviz: sequência categórica fixa cat-1…6 + positivo/negativo (tokens §chart); poucas cores, diferenciar também por forma/espessura.

Esc