Design System

Base visual compartilhada para Dashboard, Configurações e integrações.

Ver Storybook

Tokens Globais

Background: #F8F5F0

Primary: #000000

Accent: #FF7A50

Border Radius: de 20px a 50px (estilo pílula)

Tipografia: Serif para H1-H4 e Sans-serif para o restante.

Guias Disponíveis

  • Guia React: docs/ui-components-react.md
  • Checklist A11y: docs/accessibility-checklist.md
  • Wireframe Dashboard: docs/dashboard-sales-wireframe.md

Contraste

O contraste entre texto preto e fundo off-white atende confortavelmente a leitura em telas de dashboard.