Anatomia de um site

Abaixo há o site de uma clínica odontológica de exemplo. Cada parte tem nome. Toque nela para ver o termo e uma frase pronta para pedir isso ao Claude.

Explicar: tocar em qualquer parte do site mostra o nome dela.
Testar: o site funciona de verdade (menu, carrossel, sanfona, modal, formulário).
Rótulos: os botões coloridos no topo colam etiquetas em cada categoria.

clinicaaurora.com.br

Clínica Aurora

Início›Serviços›Clareamento

Aceitamos convênios

Sorrir sem medo de dentista

Atendimento calmo, hora marcada e tratamento explicado passo a passo.

Agendar avaliação Ver serviços

Por que escolher a Aurora

Hora marcada

Você é atendido no horário combinado, sem fila.

Cuidado sem dor

Anestesia moderna e um ritmo que respeita você.

Plano claro

Você sabe o que será feito e quanto custa antes de começar.

Nossos serviços

Do check-up ao sorriso dos sonhos.

Popular

Limpeza

Remove placa e tártaro. Indicada a cada 6 meses.

Saber mais

Clareamento

Dentes até 3 tons mais claros, com acompanhamento.

Saber mais

Aparelho

Fixo ou transparente, para todas as idades.

Saber mais

Implantes

Devolve função e estética com resultado duradouro.

Saber mais

Antes e depois

Resultados reais de tratamentos de clareamento.

Antes

Depois

Antes

Depois

Antes

Depois

Conheça a clínica (vídeo de exemplo)

Quem cuida de você

Dra. Helena Prado

Ortodontia

Dr. Marcos Vieira

Implantes

Dra. Júlia Andrade

Odontopediatria

O que dizem os pacientes

★★★★★

Eu tinha pavor de dentista. Aqui me explicaram tudo antes de começar e não senti nada.

★★★★★

Marquei pelo WhatsApp e fui atendido na hora marcada. Recomendo demais.

★★★★★

Meu filho de 6 anos saiu da consulta pedindo para voltar.

Dicas de saúde bucal

Prevenção

Como escolher a escova de dentes ideal

Cerdas macias, cabeça pequena e troca a cada três meses.

Estética

Quanto tempo dura um clareamento?

Depende dos hábitos: café, vinho e cigarro encurtam o resultado.

Dúvidas frequentes

A primeira consulta dói?

Não. A avaliação é só conversa e exame visual, e explicamos cada passo.

Vocês aceitam convênio?

Sim, trabalhamos com os principais convênios. Confirme o seu pelo WhatsApp.

Quanto tempo dura uma limpeza?

Em média 40 minutos, sem necessidade de preparo.

Sua avaliação começa com uma conversa

Escolha o melhor dia e a gente confirma pelo WhatsApp.

Fale com a gente

Rua das Flores, 120 · Centro

(00) 00000-0000

contato@clinicaaurora.com.br

Laboratório de estilos e efeitos

Aqui cada efeito funciona sozinho. Use o botão ? para ver o nome e a frase de pedido.

Hover

Passe o mouse aqui

No celular, toque e segure. A caixa muda de cor e sobe enquanto você está por cima.

Active

A aba escura é a ativa. Ao pressionar, ela também encolhe um pouco.

Shadow

Nenhuma

Suave

Forte

Border

Fina

Grossa

Tracejada

Arredondada

Padding e margin

Conteúdo

margin: forapadding: dentroconteúdo

Margin Padding

Background

Cor sólida

Padrão

Gradient

Ângulo

Opacity

Caixa

Opacidade

Animation

Transition

sem transição

com transição

Cores e tipografia

Poucas cores e poucas fontes deixam o site com cara de profissional.

Color scheme (paleta da clínica)

Azul-petróleo
#0E4A5A

Verde-água
#7FD1C7

Névoa
#EAF5F3

Amarelo
#F5B93E

Tinta
#12303A

Regra prática: uma cor forte para títulos, uma de apoio, um fundo suave e uma cor de destaque só para botões de ação.

Font

Com serifa: Sorriso saudável

Sem serifa: Sorriso saudável

Monoespaçada: sorriso()

Font weight

400 · Normal

500 · Médio

600 · Seminegrito

700 · Negrito

Line height

Uma boa consulta começa com uma boa conversa. Explicamos cada passo do tratamento com calma, para você decidir com segurança.

Altura

Contrast

Texto fácil de ler

Texto difícil de ler

Responsividade: mude a largura da tela

Arraste a largura e veja o layout mudar. Em telas menores, a prévia é reduzida para caber.

Prévia responsiva

Largura

Clínica Aurora

Sorrir sem medo de dentista

Atendimento calmo e hora marcada.

Agendar avaliação

Limpeza

Clareamento

Aparelho

Entender:

Bastidores: o que você não vê no site

Estas partes ficam por trás da tela, mas influenciam se o site é encontrado e se funciona bem. Os números são de exemplo.

SEO

clinicaaurora.com.br

Dentista em Sua Cidade | Clínica Aurora

Consultas com hora marcada, tratamento sem dor e plano explicado passo a passo. Agende sua avaliação pelo WhatsApp.

Título da página com o serviço e a cidade
Descrição curta e clara (meta description)
Um título principal (H1) por página
Texto alternativo nas imagens
Carrega rápido e funciona no celular

Sitemap

clinicaaurora.com.br/sitemap.xml
├── /              Início
├── /servicos      Serviços
│   ├── /limpeza
│   └── /clareamento
├── /equipe        Equipe
├── /blog          Dicas
└── /contato       Contato

Analytics

SegTerQuaQuiSexSábDom

312visitas na semana

41cliques em Agendar

68%vêm do celular

API

1. Seu site: paciente toca em “Agendar pelo WhatsApp”

↓

2. API do WhatsApp: recebe o pedido e monta a conversa

↓

3. Celular da clínica: chega a mensagem pronta

Database

Nome	Serviço	Dia
Camila R.	Limpeza	Seg 10h
Paulo S.	Clareamento	Ter 14h

Dica: use o Índice de termos para copiar a lista completa com as frases de pedido e guardar nas suas anotações.

Anatomia de um site

Sorrir sem medo de dentista

Por que escolher a Aurora

Hora marcada

Cuidado sem dor

Plano claro

Nossos serviços

Limpeza

Clareamento

Aparelho

Implantes

Antes e depois

Quem cuida de você

Dra. Helena Prado

Dr. Marcos Vieira

Dra. Júlia Andrade

O que dizem os pacientes

Dicas de saúde bucal

Como escolher a escova de dentes ideal

Quanto tempo dura um clareamento?

Dúvidas frequentes

Sua avaliação começa com uma conversa

Fale com a gente

Laboratório de estilos e efeitos

Hover

Active

Shadow

Border

Padding e margin

Background

Gradient

Opacity

Animation

Transition

Cores e tipografia

Color scheme (paleta da clínica)

Font

Font size

Font weight

Line height

Contrast

Responsividade: mude a largura da tela

Prévia responsiva

Sorrir sem medo de dentista

Bastidores: o que você não vê no site

SEO

Sitemap

Analytics

API

Database