Course Content — Modules

Módulo 1 — O que é (e o que não é) uma Biblioteca

• Biblioteca vs “páginas copiadas”

• Níveis: seção → página → kit → theme templates

• Quando usar: sites repetidos, landing pages, franquias, múltiplos clientes

Módulo 2 — Padrões de Design e Global Styles

• Paleta, tipografia, espaçamentos (escala)

• Estilos globais e tokens (na prática)

• Componentes visuais: botões, cards, headings, listas, ícones

• Guia de consistência (mini design system)

Módulo 3 — Blocos Essenciais (os 20% que fazem 80%)

• Hero (5 variações), CTAs, benefícios, prova social

• Depoimentos, logos, métricas, timeline, passos

• FAQ, pricing, formulário, mapa/contato

• Seções de conteúdo (texto + imagem), highlights, comparativos

Módulo 4 — Template Kits e Páginas Padrão

• Páginas padrão: Home, Sobre, Serviços, Contato, Obrigado

• Landing pages: captura, lançamento, webinar (modelos)

• Blog/Conteúdo (se aplicável): lista e post

• Arquitetura e “mapa de páginas” por tipo de negócio

Módulo 5 — Responsividade e Acessibilidade

• Mobile first: ordem, espaçamento e tipografia

• Breakpoints e ajustes finos

• Contraste, tamanhos mínimos, estados de foco (noções)

• Checklist de acessibilidade para seções recorrentes

Módulo 6 — Reutilização, Atualizações e Versionamento

• Salvar seção/página como template

• Templates globais vs locais (prós e contras)

• Convenção de nomes (categoria, objetivo, versão, data)

• Changelog e governança (o que muda e por quê)

Módulo 7 — Biblioteca para Times e Clientes

• Pastas, permissões e organização

• Documentação rápida (como usar cada bloco)

• Entrega: handoff para outros designers/devs

• Estratégia multi-cliente (evitar “misturar marcas”)

Módulo 8 — Performance e Higiene da Biblioteca

• Evitar widgets pesados e dependências desnecessárias

• Padrões de imagem (tamanho, WebP, compressão)

• Fontes e ícones (reduzir requests)

• Revisão periódica e “limpeza” de templates antigos

Módulo 9 — Automação e Produtividade (opcional)

• Favoritos e templates internos

• Copy/paste entre sites com consistência

• Plugins úteis (critérios de uso)

• Checklist rápido de montagem de página

Módulo 10 — Projeto Prático

• Montar uma biblioteca mínima viável (10–15 blocos)

• Criar 1 landing page completa só com blocos

• Revisar consistência, responsividade e performance

• Exportar/organizar para reutilizar em próximos projetos