Template de site

Sb Admin 2

Um tema de administração 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.

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: dashboard, profissional, densidade média, claro
Paleta: fundo #ffffff; superfícies [#f8f9fc, #4e73df, #eaecf4, #1cc88a]; texto #858796; texto abafado #ffffff; primário #4e73df; destaques [#1cc88a, #36b9cc, #f6c23e]
Tipografia: títulos Nunito, 400, caixa de frase; corpo Nunito, 12px; escala h1 28px, h2/h3 não especificados
Forma e espaçamento: raio de botões/cartões 3.2px/5.6px, sem bordas, sombra rgba(58, 59, 69, 0.15) 0px 2.4px 28px 0px, espaçamento entre seções 20px, largura do conteúdo 1170px
Seções (de cima para baixo): Cabeçalho — layout horizontal, logotipo alinhado à esquerda, barra de pesquisa centralizada, ícones de perfil de usuário e notificações alinhados à direita, fundo branco
Barra lateral — navegação vertical com fundo azul (#4e73df), texto branco, itens de menu expansíveis, ilustração de foguete no cartão promocional
Dashboard — layout em grade com 4 cartões de estatísticas (receita mensal, receita anual, progresso de tarefas, solicitações pendentes), seguidos por dois gráficos grandes (linha e donut), depois barras de progresso de projetos e amostras de cores
Blocos de conteúdo — layout em duas colunas com "Ilustrações" (imagem SVG + texto) e "Abordagem de Desenvolvimento" (bloco de texto), ambos com sombras sutis e cantos arredondados
Rodapé — texto de direitos autorais centralizado, cinza claro, fonte pequena
Detalhes marcantes: Cantos arredondados de cartões com raio consistente de 5.6px
Sombras suaves em todos os cartões
Indicadores de status codificados por cores usando a paleta de destaques
Barras de progresso horizontais com rótulos percentuais
Ilustrações SVG integradas às seções de conteúdo
Cartão promocional de chamada para ação (CTA) na barra lateral com botão em gradiente
Outras páginas: /components: demonstração de componentes com exemplos interativos
/charts: tipos de gráficos com opções de configuração
/tables: tabelas de dados com ordenação e paginação

Detalhes do template

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

bootstrap
bootstrap-4
bootstrap-template
bootstrap-theme
bootstrap4
free
html
open-source

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 2". Resumo de referência: Um tema de administração Bootstrap gratuito e de código aberto criado pela Start Bootstrap Estilo e recursos a refletir: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, free. Use textos e imagens originais para 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.