# Design System Gov Tech > Guia de estilos, cores e componentes premium para interfaces governamentais e empresariais. Use when this capability is needed. - Skill: `tomevault-io/design-system-gov-tech` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/design-system-gov-tech` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/design-system-gov-tech/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/design-system-gov-tech --- # Skill: Mestre de Design Gov-Tech ## Goal Garantir consistência visual, acessibilidade e credibilidade profissional em todos os módulos do sistema. ## Instructions - **Identificação de Padrão**: Determinar se a UI necessária é um Dashboard, Formulário de Entrada ou Tabela de Dados. - **Paleta de Cores**: Aplicar a cor primária #1E40AF (Azul Profundo) para ações e a escala `Slate` para a estrutura. - **Uso de Componentes**: Utilizar componentes base do **Shadcn/UI**. Se um componente não existir, construa-o usando primitivos do Tailwind. - **Tipografia**: Forçar o uso de **Geist Sans** ou **Inter** para garantir legibilidade em interfaces densas em dados. - **Responsive Design**: Todos os layouts devem ser mobile-first e totalmente responsivos. ## Constraints - Não criar componentes de UI customizados se houver um equivalente **Shadcn/UI** no projeto. - Manter espaçamentos padrão do Tailwind (ex: `p-4`, `gap-6`) para evitar débito visual. - **CRITICAL**: Todos os componentes devem suportar Dark/Light modes usando a classe utilitária `dark:`. --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/joabeoliveira) — claim your Tome and manage your conversions.