Manual da ferramenta

Você está na página da ferramenta. O modelo copiável está separado.

Modelo de Site para Escritório

Manual para entender quando usar, como adaptar e como auditar um modelo de site institucional para escritório.

Abrir modelo copiável em nova aba

01

Visão geral

A ferramenta ensina. O modelo copia. Não misture as camadas.

02

Quando usar

Use para criar sites institucionais simples para escritórios, consultorias e serviços profissionais.

03

Briefing

  • Qual é o tipo de escritório?
  • Qual público será atendido?
  • Qual ação principal o visitante deve realizar?

04

Planta do site

  1. Topo
  2. Hero
  3. Serviços
  4. Sobre
  5. Confiança
  6. Contato

05

Mão na massa

Abra o modelo copiável, copie a estrutura e adapte textos, links e seções.

06

Código-fonte HTML/CSS

O código copiável fica em modelo.html e modelo.css.

07

Mapa de edição rápida

Troque nome, promessa, serviços, contatos e provas de confiança.

08

Variações

Contabilidade, advocacia, arquitetura, consultoria e serviços locais.

09

Adaptação

Ajuste tom, ordem das seções e chamadas conforme o tipo de escritório.

10

Erros comuns

Problema: misturar manual com modelo. Impacto: confusão. Correção: manter arquivos separados.

11

Checklist

  • Modelo separado
  • Links funcionando
  • Sem overflow no celular
  • Texto real

12

Auditoria

Verifique semântica, responsividade, contraste, imports e separação das camadas.