TRDR Design Hub
O guia definitivo do Design System TRDR. Tokens, componentes, padrões de layout e prompts prontos para construir qualquer interface com consistência e velocidade.
Tokens
Todas as cores, espaçamentos, tipografia e tokens semânticos do sistema. Com copy-to-clipboard para hex e CSS variable.
Componentes
Os 82 componentes Figma documentados: props, dimensões, tokens e anatomia. Filtráveis por categoria.
Layouts
Padrões de layout da plataforma de trading, site institucional e app launcher desktop.
Gerar Prompt
Wizard em 3 passos que gera prompts prontos para o Claude Code — com tokens e specs dos componentes incluídos automaticamente.
Guia para IA
Regras absolutas, hierarquia de camadas e como usar tokens de ação e trading. Leitura obrigatória antes de qualquer projeto TRDR.
design.md completo
O arquivo fonte de verdade completo do design system. Visualize ou copie todo o conteúdo para usar em qualquer ferramenta.
Novo projeto TRDR?
Use o Gerador de Prompts para criar o contexto de design system certo para o Claude Code desde o início. Selecione o tipo de projeto, contexto e componentes — o prompt é gerado automaticamente.