Design System v1.0.0

DS CANTA.

Sistema de design unificado para produtos CANTA. Clean e leve para sistemas, com variantes brutalistas opcionais. Montserrat + Inter. Feito para o dia a dia.

5
Cores da Marca
30+
Componentes
14
Espacamentos
2
Temas
Por que usar
palette

Token-Driven

Cores, tipografia, espacamento e efeitos definidos como tokens. JSON, SCSS e CSS Custom Properties.

visibility

Clean para Sistemas

Sombras suaves, bordas leves, tipografia confortavel. Projetado para uso prolongado em ERPs. Variantes brutalistas opcionais.

dark_mode

Dark Mode

Suporte completo via data-theme="dark". CSS Custom Properties permitem troca instantanea.

accessibility_new

Acessivel

Focus-visible, contraste WCAG 4.5:1, prefers-reduced-motion, semantica HTML5.

code

CSS Classes

Prefixo .canta- com BEM. Funciona com qualquer framework. PHP, React, Vue, HTML puro.

deployed_code

Web Components

Componentes de formulario com Shadow DOM. Encapsulamento total, sem conflito de estilos.