Template de site
Ecommerce React Template
Loja virtual completa com front-end em React, back-end em Node.js e PostgreSQL, incluindo listagem de produtos, CMS para blog, pagamentos via Stripe, autenticação e painel administrativo. Originalmente por R$ 119+, gratuito desde janeiro de 2025.
Painel · SaaS · 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
e-commerce, minimalismo limpo, baixa densidade, claro
- Paleta
fundo #ffffff; superfícies [#262626,#000000]; texto #262626; texto suavizado #555555; primária #bd744c; acentos []
- Tipografia
títulos Montserrat, 700, caixa de frase; corpo Montserrat, 14px; escala h1 35px / h2 28px / h3 25px
- Forma e espaçamento
raio de botão/cartão 0; bordas nenhuma; sombras nenhuma; espaçamento entre seções 60px; largura do conteúdo 1140px
- Seções (de cima para baixo)
- Cabeçalho — navegação horizontal com logotipo à esquerda, menu ao centro e ícones à direita; fundo branco
- Hero — imagem em largura total com texto sobreposto à esquerda e botão CTA abaixo do título; fundo cinza-claro
- Novidades — título e parágrafo centralizados acima de quatro miniaturas de produtos em linha; fundo branco
- Sobre Nós — layout em duas colunas com lista de artigos à esquerda e imagens à direita; fundo branco
- Loja — barra lateral esquerda com filtros (categorias, controle deslizante de preço, marcas), grade de seis cartões de produto à direita; fundo branco
- Detalhes marcantes
- Tipografia sans-serif minimalista em toda parte
- Cor primária usada apenas em CTAs e rótulos de categorias
- Layout limpo e sem poluição visual, com espaçamento generoso
- Cartões de produto com preenchimento consistente e sem bordas
- Linha horizontal sob resumos de artigos
- Controle deslizante de faixa de preço com valores mínimos/máximos rotulados
- Outras páginas
- /about: layout em duas colunas com artigos no estilo de blog e imagens pareadas
- /shop: barra lateral de filtros com caixas de seleção e controle deslizante, grade de produtos com estados de passagem do mouse
Detalhes do template
- Categoria
- Painel, SaaS, E-commerce
- Autor
- flatlogic
- Publicado em
- 21st.dev
- Preço
- Grátis
- Dashboard
- SaaS
- Ecommerce
Design original de flatlogic, 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.
Crie um website de painel administrativo inspirado no template "Ecommerce React Template". Brief de referência: Loja virtual completa com front-end em React, back-end em Node.js e PostgreSQL, incluindo listagem de produtos, CMS para blog, pagamentos via Stripe, autenticação e painel administrativo. Originalmente por R$ 119+, gratuito desde janeiro de 2025. Estilo e funcionalidades a refletir: Ecommerce. Use textos e imagens originais da minha marca em vez do conteúdo placeholder do template de 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.
