Pulso Design System · v3
A linguagem visual do Crisis Manager, agora instalável.
Tokens versionados e 63 componentes prontos para
shadcn add. Clareza operacional, IA auditável e paridade mobile — como contrato, não como sugestão.63
componentes instaláveis
260+
design tokens
2
temas — claro e escuro
3
densidades de layout
Instalação
Tokens primeiro, depois os componentes
Importe o artefato de tokens (
pulso-tokens.css) no CSS de entrada do app e instale qualquer componente pelo registry. As dependências internas (outros componentes, hooks, cn) são resolvidas automaticamente.# 1. Tokens — no CSS de entrada (Tailwind 4)
# @import "tailwindcss";
# @import ".../tokens/pulso-tokens.tailwind.css";
# 2. Componentes — via registry shadcn
npx shadcn@latest add \
https://crisis-monitor.github.io/Pulso-Design-System/r/metric-card.json
# resolve card + cn automaticamente, já com os tokens PulsoO que o Pulso garante
Clareza operacional
Estado, risco, prioridade e consequência aparecem antes de ornamento visual.
IA auditável
Conteúdo da Cris declara origem, confiança, fontes e trilha de decisão.
Identidade sem depender de cor
Tipografia, ritmo, assinatura numérica e formas carregam reconhecimento.
Paridade mobile
Gestos, offline, handover e alvos de toque críticos são parte do contrato.
Foundations
Tokens e fundamentos
Cor, tipo, ritmo, densidade e elevação — a base canônica.
Components
63 componentes
Átomos, moléculas e organismos com blueprint e código instalável.
Patterns
Padrões de crise
Composições para cenários reais de operação e decisão.
Criador
Conheça a perspectiva por trás do Pulso
O Pulso é criado e mantido por Neviton Santana, designer trabalhando entre produto, sistemas complexos e inteligência artificial.
Sobre o criador →Last updated on