Design system

COLD CORTEXGUIA VISUAL

Premissa visual extraída do Plano do Trader: fundo profundo, superfícies em camadas, acentos mint e alertas coral. Use esta página como referência ao construir listagens, formulários e o tracker tipo contribuição (regras).

← Voltar ao app
01

Tokens de cor

bg#0a0a0f
surface#111118
surface-2#18181f
border#2a2a35
accent#00e5a0
danger#ff4757
warn#ffd32a
muted#6b6b80
02

Tipografia

Display — Bebas Neue

VENÇA SUA MENTE

Corpo — DM Sans 300/500

O mercado não é seu inimigo. Use peso 500 para ênfase e mantenha o corpo em 300 para respiração editorial.

Mono — DM Mono

WIN_RATE · 62% · R$ 1.240,00

03

Cards de listagem (trades)

Grid com gap de 2px, superfície hover para hierarquia tátil (como pilares do plano).

WINM25LONGSala

09:42

+ R$ 320,00
WDOF25SHORTStop

14:05

− R$ 180,00
Protocolo

Dia encerrado
04

Formulários

05

Abas (protocolo)

Checklist pré-abertura: leis, lote fixo, estado emocional.

06

Alertas e citação

Gatilho: impulso fora da sala → levantar, água, 5 minutos.
Pausa obrigatória: 3 respirações antes de qualquer ordem.

“A função é executar o processo, não controlar o resultado.”

— Mark Douglas
07

Barras de progresso

Lucro acumulado (meta)62%
Drawdown vs limite28%
08

Tracker de regras (estilo GitHub)

Clique nos quadrados para alternar estados (demonstração). No app, cada célula pode ser um dia ou um “bloco de disciplina”.

Regra cumprida
Violação
Neutro / sem trade
Sem dado
12 semanas × 7 diasRegras do trader
09

Lista de regras (ícones)

Após stop → encerrar o dia

Sem exceção. Fechar plataforma é ato profissional.

Sem sala, sem trade

Dia sem operação conta como vitória de processo.

!

Lote definido antes da abertura

Nunca decidir tamanho no calor.