Template de site
DashboardKit Free React Admin Template - Starter gratuito para painéis administrativos em React
Um starter gratuito para painel administrativo em React, com widgets essenciais de análise, componentes de interface e páginas pré-construídas
Painel · Grátis
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
painel de administração, profissional, densidade média, claro
- Paleta
fundo #f0f2f8; superfícies [#ffffff, #1c232f, #7267ef, #161c25]; texto #060606; texto abafado #293240; primário #7267ef; acentos [#ea4d4d]
- Tipografia
títulos Inter var, 500, caixa de frase; corpo Inter var, 14px; escala h1/h2/h3: 32/28/24px
- Forma e espaçamento
raio de botões/cartões 8px, sem bordas, sombra rgba(0, 0, 0, 0.1) 0px 2px 6px -1px, espaçamento entre seções 24px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — layout horizontal com logotipo, alternador de menu, seletor de nível, sino de notificações, avatar e nome do usuário, fundo branco
- Barra lateral — navegação vertical com fundo azul escuro (#1c232f), ícones, rótulos em branco, item ativo destacado com acento roxo, chamada “Upgrade To Pro” na parte inferior
- Conteúdo principal — layout em grade de cartões, 2–3 colunas, cartões brancos com sombras sutis, métricas principais em fonte grande, gráficos, tabelas e feeds
- Rodapé — texto centralizado com marca e links, texto cinza-claro sobre fundo branco
- Detalhes marcantes
- Cor primária roxa usada consistentemente em botões, destaques e pontos de dados
- Cantos arredondados em todos os cartões e botões (8px)
- Sombras sutis em cartões para profundidade
- Tipografia limpa e minimalista com espaçamento consistente
- Iconografia integrada aos cartões de dados e à barra lateral
- Botão vermelho em forma de pílula “Buy Now” com cantos arredondados
- Outras páginas
- /react/free/dashboard/sales: mesmo layout da página inicial, mas com dados específicos de vendas atualizados e trilha de migalhas
- /react/free/typography: exibição estruturada dos tamanhos de títulos, estilos de texto embutidos e cores contextuais com exemplos
Detalhes do template
- Categoria
- Painel
- Autor
- codedthemes
- Publicado em
- 21st.dev
- Preço
- Grátis
- Dashboard
- Admin Panel
- Analytics
Design original de codedthemes, publicado no 21st.dev. 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.
Construa um site de dashboard inspirado no modelo "DashboardKit Free React Admin Template". Resumo de referência: Um starter gratuito para painel administrativo em React, com widgets essenciais de análise, componentes de interface e páginas pré-construídas Estilo e funcionalidades a refletir: Painel Administrativo, Análise de Dados. Use o conteúdo original da minha marca — textos e imagens — em vez do conteúdo fictício do modelo.
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.
