Crie páginas com identidade visual, tipografia bem escolhida e código organizado

O segundo módulo aprofunda seu olhar de front-end. Você passa a decidir cores com intenção, combinar fontes com consciência e aplicar CSS de um jeito limpo e reutilizável. A experiência do usuário guia cada escolha, do contraste ao espaçamento, da leitura confortável ao comportamento de cada link.

Cores que comunicam

Você entende como as cores influenciam emoções e usa esse conhecimento para construir paletas harmônicas. Aprende a identificar, capturar e aplicar tonalidades de forma consistente, criando destaque onde importa e garantindo legibilidade em qualquer tela. Gradientes entram como recurso visual a favor do conteúdo, nunca como enfeite.

Tipografia para web, do conceito ao código

O módulo apresenta a anatomia das letras, famílias tipográficas e critérios práticos para títulos e corpo de texto. Tamanho, peso, estilo e alinhamento são tratados com CSS de maneira clara. Você integra Google Fonts e fontes externas quando fizer sentido e aprende a descobrir quais tipos estão em uso em páginas e imagens, o que acelera estudos e referências.

CSS que escala

IDs e classes ganham papéis definidos para manter o código simples de entender e fácil de manter. Pseudo-classes e pseudo-elementos trazem interações elegantes, como estados de foco e realces sutis. Variáveis CSS entram para centralizar decisões visuais, facilitar alterações futuras e padronizar cores e medidas.

Modelo de caixas como base do layout

Você domina o box model para posicionar, alinhar e dar acabamento aos componentes. Borda, raio, sombras e bordas decoradas elevam o acabamento visual sem comprometer a performance. A leitura do conteúdo melhora porque cada bloco cumpre uma função clara.

Do rascunho ao site responsivo

O módulo culmina em um projeto prático criado do zero. A jornada passa por planejamento, definição de paleta e tipografia, organização do conteúdo e transformação do layout em código. Responsividade deixa de ser teoria e vira prática, com mídia fluida, vídeos adaptáveis e menus que funcionam bem em diferentes tamanhos de tela.

Para quem é este módulo

Quem concluiu o primeiro módulo e quer dar um salto de qualidade no front-end. Quem deseja unir estética e técnica para publicar páginas mais agradáveis de ler, fáceis de navegar e simples de manter.

FAQ

Preciso ter feito o módulo 1 antes de começar?

Sim. O conteúdo parte dos fundamentos do primeiro módulo e aprofunda cores, tipografia, CSS e responsividade.

O curso oferece certificado?

Sim. No Estudonauta, assinantes têm acesso a certificados ilimitados.

Há um projeto prático neste módulo?

Sim. Você cria um site completo do zero, aplicando paleta, tipografia, modelo de caixas, variáveis e técnicas de responsividade.

Vou aprender a usar fontes do Google Fonts e arquivos externos?

Sim. O módulo mostra quando usar e como integrar, além de técnicas para identificar fontes em sites e imagens.

O conteúdo aborda interações com CSS?

Sim. Pseudo-classes e pseudo-elementos entram para estados e realces, melhorando a experiência sem complicar o código.