Start
Para o primeiro site.
R$19,90/mês
No plano anual
- 1 site
- 10 GB SSD NVMe
- SSL grátis
- Backup diário
Cores
Cada escala 50–950 é gerada em OKLCH a partir de uma cor base (src/scss/tokens/_colors.scss). A cor base aparece literalmente no degrau de luminosidade mais próximo (marcado com ●).
Tokens semânticos
Componentes usam só estes papéis; o tema troca os valores. Todos os pares texto/fundo são verificados por npm run check:contrast (WCAG AA).
Tipografia
DM Sans variável, self-hosted. Escala modular 1.2 a partir de 16px (xs e sm fixos em 12 e 14px).
display-lgHospedagem rápida5xl · 2.986remPainel do clienteh1 · 3xlSeus serviçosh2 · 2xlFaturas em abertoh3 · xlDetalhes do domínioh4 · lgNameserversbase · 16pxTexto corrido com altura de linha 1.55 para leitura confortável.sm · 14pxTexto de interface, rótulos e tabelas.xs · 12pxEyebrow / legendaLead: parágrafo de abertura em tom secundário.
Texto com link, negrito, código e Ctrl + K.
Espaço, raio e sombra
Espaçamento base 4px; sombras em 3 níveis (repouso, hover/dropdown, modal/toast).
Espaço
Raio
sm
md
lg
xl
2xl
Sombra
sm
md
lg
Botões
Classes do Bootstrap 4 (e .btn-default/.btn-xs legados do Nexus), só reestilizadas.
Formulários
form-control, custom-select, input-group, custom-control (checkbox, radio, switch) e estados de validação.
Usado para login e avisos de cobrança.
www.
Use pelo menos 12 caracteres.
Cupom aplicado: 10% de desconto.
Cards
Hospedagem Pro
Ativo
Tabelas
Status usam as classes nativas do WHMCS (.label.status.status-*) — sem editar os templates herdados.
| Fatura | Data | Total | Status |
|---|---|---|---|
| #10231 | 01/09/2026 | R$ 49,90 | Paga |
| #10244 | 01/10/2026 | R$ 49,90 | Em aberto |
| #10198 | 01/08/2026 | R$ 129,00 | Cancelada |
| #10150 | 01/07/2026 | R$ 49,90 | Reembolsada |
Badges e status
Badges (Bootstrap 4)
Primary
Secondary
Success
Warning
Danger
Info
Light
Dark
Pill 12
.au-status-pill
Ativo
Pendente
Suspenso
Em andamento
Novo
Encerrado
Status do WHMCS (.au-status-pill.status-*)
Active
Pending Transfer
Customer-Reply
Open
Collections
Closed
Alertas e progresso
Pagamento confirmado. A fatura #10244 foi quitada.
Seu domínio expira em 7 dias. Renovar agora
Falha no pagamento
O cartão foi recusado pelo emissor.Manutenção programada no domingo, 02h–04h.
Progress
Dropdown, modal, tooltip e popover
Renderizados estáticos para comparação; as versões interativas estão em Interativos.
Copiar endereço IP
Nameservers
Alterações podem levar até 24h para propagar.
Sidebar e topbar
No desktop a sidebar é fixa e colapsável; abaixo de 992px vira offcanvas (teste em Interativos). Aqui aparece embutida num quadro.
Olá, Maria
Tudo em ordem com seus serviços.
Stat cards
Empty state
Nenhum ticket por aqui
Quando você abrir um chamado com o suporte, ele aparecerá nesta lista com o status atualizado.
Stepper
- 1Plano
- 2Domínio
- 3Revisão
- 4Pagamento
Pricing cards
Pro
Para negócios em crescimento.
R$49,90/mês
No plano anual
- Sites ilimitados
- 50 GB SSD NVMe
- SSL grátis
- Backup diário
Toast e skeleton
Alterações salvas
Falha ao processar
Skeleton
Avatar
A
MS
MS
JP
AT
CDBRAS
Copiar para a área de transferência
ns1.aurora-exemplo.com.br
Data table responsiva
Com .au-data-table--stack, abaixo de 768px cada linha vira um card com os rótulos de data-label.
Interativos
Usam o tema da página (seletor no topo). JS: window.AuroraThemes + Bootstrap 4 do Nexus.
Toasts (AuroraThemes.toast)
Offcanvas com trap de foco (Esc fecha, foco volta ao botão)
← alterna claro/escuro/sistema
Bootstrap 4 (jQuery do Nexus)