Modelos de site · feitos para um ofício de cada vez

Sites pequenos, bem encaixados.

A Dowel Pages faz modelos de site de uma página para pequenos negócios concretos. Cada um é escrito para o seu ofício, feito em HTML e CSS simples e fica pronto a publicar em qualquer alojamento.

Nota: os modelos estão em inglês (textos de exemplo, README e comentários do código). Todos os textos são HTML simples e podem ser traduzidos facilmente.

FormatoHTML + CSS + um pouco de JS simples. Sem compilação.
Funciona emQualquer alojamento estático. Testado em telemóvel e computador.
LicençaSites ilimitados, para si ou para os seus clientes.
EntregaDescarga imediata após o pagamento.
Preço17 USD cada, pagamento único. Sem subscrição.

01 — Catálogo

Doze modelos, doze construções diferentes.

Não partilham código de layout. Cada um tem a sua tipografia, ordem de secções e interações, pensadas para quem visita aquele tipo de negócio. Abra uma demonstração e experimente.

Modelo Slabworks num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-001Uma página · HTML/CSS/JS

Slabworkspara marmorarias e fabricantes de bancadas

Um site editorial, centrado nos materiais, que se lê como um catálogo de amostras de pedra. Papel osso e grafite, um acento vermelho óxido e desenhos em vez de fotografias de banco de imagens.

Ficha técnica de seis materiais, cada um com amostra de textura em SVG e uma nota honesta “a saber”
Folha de perfis de aresta desenhados à mão: boleado, chanfro, meia-cana, ogiva, esquadria
Cronograma semana a semana, da medição à instalação, galeria de projetos e perguntas frequentes
Secção escura de orçamento com tipos de projeto, formulário pronto para Formspree ou Netlify Forms

Tipografia: Instrument Serif · Manrope · IBM Plex Mono

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Counselor num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-002Uma página · HTML/CSS/JS

Counselorpara pequenos escritórios de advogados

Um site sóbrio e tipográfico, construído como papel timbrado e não como página de vendas. Papel, tinta e um único acento cor de vinho. O texto é conservador de propósito: sem promessas de resultados nem testemunhos.

Índice numerado de áreas de prática que abre para mostrar os casos típicos
“O que acontece na primeira reunião” numa coluna estreita de leitura
Fichas de advogados com monogramas e espaço para a inscrição profissional, tabela de honorários simples
Rodapé com espaços para avisos de publicidade profissional e “isto não é aconselhamento jurídico”

Tipografia: Newsreader · Public Sans

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Keystone num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-003Uma página · HTML/CSS/JS

Keystonepara agentes e pequenas agências imobiliárias

Um site com a pesquisa em primeiro lugar, quase uma aplicação, onde o visitante procura mesmo uma casa. Branco quente, verde profundo e coral. Os filtros funcionam no navegador, sem base de dados.

Comprar/Arrendar, filtros fixos, cursor de preço e extras que filtram de verdade
Mapa ilustrado do bairro com marcadores de preço ligados aos anúncios
Simulador de prestação mensal, claramente indicado como estimativa
Barra Ligar / Mensagem / Marcar visita no telemóvel, espaços para avisos legais

Tipografia: Bricolage Grotesque · Figtree

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Fixture num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-004Uma página · HTML/CSS/JS

Fixturepara canalizadores e serviços ao domicílio

Um site forte e de alto contraste, feito para o momento em que há água no chão. Amarelo de sinalização sobre preto, letra condensada e o telefone sempre à distância de um polegar.

Painel de aberto/fechado em tempo real e verificador de código postal da zona servida
Tabela de preços fixos em separadores: desentupimentos, esquentadores, loiças sanitárias, fugas
Lista “Ligo já ou marco?” que dá uma resposta clara
Barra Ligar / Marcar fixa no telemóvel, formulário com janelas de chegada

Tipografia: Archivo · JetBrains Mono

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Enamel num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-005Uma página · HTML/CSS/JS

Enamelpara clínicas dentárias e dentistas de família

Um site calmo e arredondado para consultórios com pacientes um pouco nervosos. Creme, verde-azulado e alperce suave, preços indicativos à vista e nada de fotografias clínicas de banco de imagens.

Lista de tratamentos com filtros e intervalos de preço honestos
Primeira consulta explicada minuto a minuto e uma secção sobre opções de conforto
Pesquisa de seguros que destaca os resultados enquanto se escreve
Pedido de consulta com os próximos dias livres para escolher e cartão com o horário de hoje

Tipografia: Young Serif · Instrument Sans

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Larder num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-006Uma página · HTML/CSS/JS

Larderpara cafés, padarias e casas de almoço

Um site com ar de menu impresso em papel creme: cabeçalho de jornal com a data de hoje, quadro de giz com as sugestões e preços com linhas pontilhadas. Parece o próprio espaço, não uma aplicação.

Menu em separadores com filtros vegetariano, sem glúten e sem lactose
Horário “Acabado de sair do forno” que marca o que já saiu e o que vem a seguir
Indicação de aberto agora e data que se atualizam sozinhas
Um só formulário para reservar mesa ou encomendar para levantar

Tipografia: Gloock · Karla

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Fade num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-007Uma página · HTML/CSS/JS

Fadepara barbearias e barbeiros independentes

Um site arrojado, em estilo cartaz, para barbearias e barbeiros independentes, pensado para clientes sem marcação e reservas rápidas. Preto, osso e vermelho de poste de barbeiro, sem fotografias de banco de imagens.

Quadro de espera ao vivo com minutos estimados por hora do dia
Tabela de preços com barras de tempo, para o cliente ver quanto dura cada corte
Fichas de barbeiros filtradas por dia e especialidade, com espaços reservados em vez de fotos falsas
Reserva por horário: serviço, barbeiro ou “qualquer um”, dia e hora preenchem o formulário; botão Reservar flutuante no telemóvel

Tipografia: Anton · Inter Tight

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Repsheet num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-008Uma página · HTML/CSS/JS

Repsheetpara personal trainers e pequenos ginásios

Um site enérgico, em grelha, para personal trainers, treinadores e ginásios de grupos pequenos. Branco, tinta e verde-lima elétrico, sem fotos de banco de imagens, testemunhos ou resultados inventados.

Localizador de programas: objetivo, dias por semana e experiência sugerem um programa e uma semana-tipo
Horário semanal com tipos de aula e vagas restantes
Seletor de preços que converte sessões por semana no custo mensal de cada plano
Formulário de sessão introdutória gratuita preenchido a partir do localizador, treinadores e perguntas frequentes

Tipografia: Archivo Black · Inter · JetBrains Mono

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Furrow num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-009Uma página · HTML/CSS/JS

Furrowpara jardineiros e manutenção de relvados

Um site acolhedor e editorial para empresas de jardinagem e manutenção de relvados. Creme, verde-musgo e terracota, com colinas em SVG em vez de fotografias de banco de imagens.

Estimativa de corte de relva: área, frequência e extras dão o preço por visita e por mês
Separadores de serviços por estação, que abrem na estação atual
Comparador antes/depois arrastável, pronto para as suas fotografias
Área de serviço, passos de funcionamento, perguntas frequentes e formulário de orçamento que recebe a estimativa

Tipografia: Fraunces · Work Sans

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Lugnut num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-010Uma página · HTML/CSS/JS

Lugnutpara oficinas de automóveis

Um site robusto, com ar de oficina, para oficinas de automóveis independentes, com uma folha de orçamento escrita no topo. Asfalto, betão e laranja de segurança.

Guia das luzes do painel: toque numa luz, veja a urgência e marque esse serviço
Verificador por quilometragem que mostra a manutenção em atraso ou a fazer em breve
Acompanhamento da reparação pelo número da ficha (fichas de exemplo, prontas para o seu sistema)
Formulário de marcação em formato de ordem de trabalho que salta os dias de fecho, e barra Ligar · Luzes · Estado · Marcar no telemóvel

Tipografia: Saira Condensed · Barlow · Space Mono

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Whisker num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-011Uma página · HTML/CSS/JS

Whiskerpara clínicas veterinárias e cuidados de animais

Um site simpático e arredondado para clínicas veterinárias, hospitais de animais e veterinários ao domicílio. Creme, índigo, pervinca, manteiga e coral, com animais desenhados em SVG em vez de fotos de banco de imagens.

Cronologia de cuidados por idade que alterna entre cão, gato e coelho
Conversor da idade do animal com mostrador e fase de vida
Planos de bem-estar com opção mensal/anual; escolher um preenche o formulário de marcação
Lista de verificação antes da consulta que guarda as escolhas no navegador, indicador aberto/fechado e horário de hoje

Tipografia: Fredoka · Nunito Sans

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

Modelo Spruce num computador e num telemóvel — Computador + telemóvelAbrir demonstração →

DP-012Uma página · HTML/CSS/JS

Sprucepara serviços de limpeza doméstica

Um site leve e arejado para empresas de limpeza doméstica, construído em torno da primeira pergunta de qualquer visitante: quanto custa? Névoa, menta, azul-marinho e limão.

Calculadora de orçamento imediata: tipo de limpeza, quartos, casas de banho, desconto por frequência e extras
“Reservar esta limpeza” leva o orçamento e a data de início para o formulário
Separadores divisão a divisão que comparam limpeza normal e profunda
Pré-visualização das próximas datas de visita e mini barra de orçamento fixa no telemóvel

Tipografia: Syne · DM Sans

^$17USD Pagamento disponível em breve Demonstração →

O pagamento abre em breve. Tem dúvidas até lá? Escreva-nos.

02 — O que inclui

O que descarrega.

Um zip por modelo, com a mesma organização de ficheiros em todos.

template-name/
├── index.html          # cada ponto editável marcado EDIT:
├── assets/
│   ├── css/style.css   # tema em variáveis CSS
│   ├── js/main.js      # menus, filtros, animação
│   └── img/README.txt  # tamanhos + como trocar imagens
├── README.md           # instalação, tema, publicação
└── LICENSE.txt

Código simples e legívelSem framework, sem jQuery, sem construtor de páginas. Abra o index.html em qualquer editor.
Pensado para telemóvel e testadoTestado a 390px e 1440px no Chrome: sem erros na consola, sem deslocamento lateral.
Movimento discretoAs secções aparecem suavemente à medida que desliza a página. Nada se mexe para quem ativa a redução de movimento, e nada salta.
Sem fotografias para licenciarOs espaços para imagens são desenhos SVG feitos à mão, cada um com uma nota sobre como pôr as suas fotografias.
Formulários prontos a ligarFuncionam com Formspree ou Netlify Forms quando adicionar o seu ID de formulário.
Sem provas inventadasSem testemunhos, classificações ou prémios falsos. Nomes e telefones de exemplo são claramente fictícios.

03 — Licença

A licença, em palavras simples.

Uma compra, uma licença, tantos sites finalizados quantos quiser.

Pode

Criar sites para si ou para clientes pagantes, incluindo sites comerciais.
Usar uma compra em sites finais ilimitados.
Alterar o código, os textos, as cores e o layout como quiser.

Não pode

Revender, partilhar ou oferecer o próprio modelo, alterado ou não.
Incluí-lo noutro modelo, tema ou kit que venda ou distribua.
Apresentar o design original como trabalho seu para revenda.

O texto completo está no LICENSE.txt dentro de cada zip (em inglês). As fontes carregam do Google Fonts sob a SIL Open Font License. Veja também os termos de venda e a política de reembolso.

04 — Perguntas

Antes de comprar.

Quanto custa um modelo?

17 USD por modelo, pagos uma vez. O preço é igual para todos os nichos e não há subscrição.

Como recebo os ficheiros?

Logo após o pagamento é encaminhado para uma página com o link para descarregar o zip, e o PDF do guia de instalação se o acrescentou (guarde-a nos favoritos). A Stripe envia o recibo para o email usado no pagamento. Perdeu o link? Escreva para dowelpages@mail.grokbot.com e voltamos a enviá-lo.

Há um guia para instalar o site?

Sim, opcional. No checkout pode acrescentar Launch Your Template Site por US$4,99: um PDF de 28 páginas, em inglês simples, que o leva do zip ao site no ar: editar textos, cores e imagens, configurar o formulário de contacto, publicar gratuitamente no Cloudflare Pages ou no Netlify e ligar o seu domínio. É entregue na mesma página de download do modelo. Cada modelo inclui também um README.

Preciso de saber programar?

Um pouco. Vai editar texto num ficheiro HTML e talvez algumas cores no CSS. O README explica cada passo, incluindo como publicar gratuitamente.

Em que língua estão os modelos?

Em inglês. Os textos de exemplo, o README e os comentários do código estão em inglês. Todos os textos são HTML simples, por isso pode reescrevê-los em português ou em qualquer outra língua.

Onde posso alojar?

Em qualquer serviço que sirva ficheiros estáticos: Netlify, Cloudflare Pages, GitHub Pages ou um alojamento partilhado comum. Não há código de servidor nem base de dados.

Posso usar para um cliente?

Sim. Uma compra cobre sites finalizados ilimitados, seus ou de clientes. Só não pode revender o próprio modelo.

E se um ficheiro estiver com defeito?

Diga-nos o que está mal e corrigimos ou enviamos uma cópia que funcione. Se não for possível, devolvemos o dinheiro. Os detalhes estão na política de reembolso.

Em que moeda cobram?

Em dólares norte-americanos, num pagamento único. Se o seu cartão for noutra moeda, o banco faz a conversão e pode cobrar uma pequena comissão.