Conversão de design system existente para dark mode
Adapta uma paleta de cores já existente em light mode para uma versão dark mode acessível e consistente com a marca.
Busca instantânea, filtros por categoria e ferramenta, ordenação por popularidade. Encontre o prompt certo e copie com um clique.
Adapta uma paleta de cores já existente em light mode para uma versão dark mode acessível e consistente com a marca.
Define todos os estados visuais de um componente de botão (default, hover, active, disabled, loading) prontos para documentar no design system.
Cria um componente flexível o suficiente para um design system, com variantes, tamanhos e composição.
Organiza uma paleta de marca em tokens semânticos (success, warning, danger, info) reutilizáveis em qualquer tela do produto.
Cria as regras de estilo que garantem que todos os ícones do produto sigam o mesmo peso visual, grid e metáfora.
Define uma estrutura de grid com breakpoints e número de colunas consistente para todo o produto, do mobile ao desktop grande.
Define regras de duração, easing e uso de animação para transições da interface, evitando movimento excessivo ou lento demais.