Kit de componentes
Referência viva do design system Cassino. Tudo o que aparece aqui vem de assets/css/cassino.css e assets/js/app.js, e os botões de cada bloco disparam os estados reais.
Cores, tipografia, espaço e forma
Cada valor tem um nome e um uso só. Os tokens antigos do template continuam existindo como apelidos destas cores.
Fundos
Marca e destaque
Estados
Degradês
Tipografia Montserrat 400–800
.logo img
DisplayR$ 4.218.774,0032 / 800TítuloMinha carteira24 / 700SubtítuloBônus ativo18 / 700SeçãoMais Jogados Hoje16 / 600CorpoJogue com responsabilidade.14 / 400MenuJogos de Cassino12 / 600MicroJogar · Boas-vindas.eyebrowDestaque100% até R$ 500.grad-textEspaço, raios e bordas grade de 4px
8 entre itens e cards · 12 título → conteúdo · 16 padding de card e gap de grade · 24 padding de modal · 40 entre seções.
Botões, campos e estados
Os botões do header (Entrar, Cadastrar e Depositar) são o padrão para o template inteiro.
Botões .btn
Navegação .seg .tabs .tabs-line .chip .steps
Etiquetas .badge .tag .pill-badge .reward
Campos .field .control
Seleção e caixa .opt-card .amt .method .bonus-box .switch .otp
Avisos e feedback .alert .toast .result
Saque solicitado
R$ 300,00 via PIX para a chave CPF ···.789-09.
Dados .stat .li .bar .ring .countdown .kv
- ID do jogador
- 28074179
- CPF
- 123.456.789-09
- Nível
- VIP Ouro · Nível 14
Acordeão, vazio e carregamento .acc .empty .skel
Quanto tempo leva um saque?
O que é rollover?
Toque no coração de qualquer jogo para salvá-lo aqui.
Tabela .table-wrap .table
| Data | Tipo | Método | Status | Valor |
|---|---|---|---|---|
| 12/11/2026 14:02 | Depósito | PIX | Concluído | + R$ 100,00 |
| 11/11/2026 21:40 | Saque | PIX · chave CPF | Em análise | − R$ 300,00 |
| 10/11/2026 09:15 | Bônus | Giros grátis | Ativo | + R$ 25,00 |
Cards de jogo, widgets da home e sidebar
Gerados pelo build.py com as diretivas @cards, @topgames e @featured, ou em JS com BV.cardHTML.
Card de jogo
@cards · coração, etiqueta, jogadores ao vivo, multiplicador e botão Jogar
Mais Jogados Hoje
.tg .tg-c · @topgames
Jogos em Destaque · TOP N
.ft .ft-c · @featured
Banners e cards de destaque
.hb .hb-slide .scard
Sidebar .sb-cta .nav .vip-card .promo-card
R$ 500
No seu primeiro depósito via PIX.
Header e conta .balance .avatar .search .wallet-mini
Modais, gavetas e menus
Abrem os componentes reais de modals.html. Também respondem aos hashes #entrar, #cadastro, #recuperar, #deposito, #saque, #buscar e #notificacoes.
Entre (ou use o botão de camadas no canto inferior direito) para ver notificações, caixa e menu do usuário.