Template de site

Sb Admin

Um tema admin Bootstrap gratuito e de código aberto criado pela Start Bootstrap

Painel · Grátis

Abrir demonstração Ver repositório do código

Páginas

Capturas da demonstração, página por página. Role dentro de cada página para vê-la inteira.

Template de site Sb Admin, página /startbootstrap-sb-admin/index.html, parte 1 — /startbootstrap-sb-admin/index.htmlDashboard - SB Admin

Template de site Sb Admin, página /startbootstrap-sb-admin/layout-static.html, parte 1 — /startbootstrap-sb-admin/layout-static.htmlStatic Navigation - SB Admin

Template de site Sb Admin, página /startbootstrap-sb-admin/layout-sidenav-light.html, parte 1 — /startbootstrap-sb-admin/layout-sidenav-light.htmlSidenav Light - SB Admin

Análise do design

Uma leitura feita por IA do design deste template: cores, tipografia, espaçamento, seções e detalhes marcantes. O Ottermind parte dela quando você usa o template.

Visão geral: painel de administração, profissional, densidade média, claro
Paleta: fundo #ffffff; superfícies [#212529, #0d6efd, #ffc107, #198754]; texto #212529; texto atenuado #ffffff; primário #0d6efd; destaques [#ffc107, #198754, #dc3545]
Tipografia: títulos system-ui, 500, caixa de frase; corpo system-ui, 16px; escala h1 40px / h2 32px / h3 24px
Forma e espaçamento: raio de cartão 6px, sem bordas, sombras suaves, espaçamento entre seções 24px, largura máxima do conteúdo 1200px
Seções (de cima para baixo): Navegação superior — barra horizontal com campo de pesquisa e menu suspenso do usuário, fundo escuro #212529, texto branco
Barra lateral — navegação vertical à esquerda, fundo escuro #212529, texto branco, itens de menu recolhíveis com ícones
Conteúdo principal — layout em duas colunas para gráficos e tabela de dados, cartões brancos com cantos arredondados, preenchimento consistente
Seções de gráficos — gráficos de área e de barras em cartões separados, rotulados com ícones, linhas e barras de dados em azul
DataTable — tabela classificável com paginação, linha de cabeçalho destacada, cores alternadas nas linhas
Rodapé — fundo cinza-claro, texto de direitos autorais centralizado, links alinhados à direita
Detalhes marcantes: Cartões de status codificados por cor (azul, amarelo, verde, vermelho) com botões "Ver detalhes"
Design consistente de cartões com cantos arredondados e sombra sutil
Rótulos de navegação baseados em ícones na barra lateral
Efeitos de passagem do mouse em elementos interativos, como botões e linhas de tabela
Comportamento de navegação fixo ou estático demonstrado em todas as páginas
Tipografia limpa e minimalista com hierarquia clara
Outras páginas: /startbootstrap-sb-admin/layout-static.html: Exemplo de navegação estática com rolagem de conteúdo longo, navegação permanece no topo

Detalhes do template

Categoria: Painel
Feito com: Bootstrap, HTML5
Licença: MIT
Autor: Start Bootstrap
Publicado em: Start Bootstrap
Preço: Grátis

admin
admin-template
bootstrap
bootstrap-4
bootstrap-5
bootstrap-5-template
bootstrap-template
bootstrap-theme
bootstrap4
bootstrap5
bootstrap5-template
css

Design original de Start Bootstrap, publicado no Start Bootstrap. O Ottermind não copia o código do template: ele cria um site novo a partir do briefing.

O briefing de onde o Ottermind parte

Ele abre no Studio como rascunho — acrescente sua marca, público e páginas antes de enviar.

Crie um site de dashboard inspirado no template "Sb Admin". Briefing de referência: Um tema admin Bootstrap gratuito e de código aberto criado pela Start Bootstrap Estilo e funcionalidades a refletir: admin, admin-template, bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template. Use textos e imagens originais da minha marca em vez do conteúdo placeholder da referência.

Como usar este template

1
Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.
2
Acrescente ao briefing sua marca, público, páginas e conteúdo.
3
O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.