Design Hub
Visão Geral
  • homeHome
Tokens
  • paletteTodos os Tokens
  • grainPrimitivos
  • join_leftSemânticos
Componentes
  • widgetsCatálogo
Padrões
  • view_quiltLayouts
Para IA
  • smart_toyGuia & Regras
  • auto_awesomeGerar Prompt
Referência
  • articledesign.md
v1.4design.md

Componentes

64 componentes documentados. Clique para ver props, dimensões e tokens.

Todos (64)Formulário / Controles (12)Modais / Overlays (4)Navegação (9)Floating Menus (14)Trading (13)Configuração (7)Inteligência Artificial (2)Outros (3)
Header Window
Navegação

Header interno de janela da plataforma de trading. Contém abas e ações.

243:3344476px × 41px
Hellobar
Navegação

Barra superior global de 1920×46px.

3:7731920px × 46px
Header Desktop
Navegação

Header principal da plataforma desktop e do app launcher.

1921:55292390px × 56px
Abas
Navegação

Barra de abas horizontal. Aba ativa com fundo surface.secondary.

253:2861476px × 45px
SidebarIcon
Navegação

Ícone de sidebar com 3 estados: Default, Hover e Active.

1630:2428264px × 24px
Sub-menu Item
Navegação

Item de sub-menu com estados Default, Hover e Pressed.

1886:20967236px × 32px
Menu Lateral
Navegação

Menu lateral completo da plataforma de trading. 48px de largura, 5 variantes.

1875:2037248px × 974px
Link
Navegação

Link padrão e ativo. 24×24px.

2161:3377324px × 24px
Janela
Navegação

Container de janela flutuante completa da plataforma de trading.

1909:416001709px × 1168px