Landing page institucional e vitrine de produtos da marca CHAPÉU&CANETA®. O projeto foca em alta performance, SEO otimizado e uma estética Dark/Bold alinhada ao posicionamento da marca, Futebol é Arte.

URL do Projeto: https://chapeuecaneta.com.br/

• HTML5 Semântico (SEO Friendly)
• CSS3 Moderno (Flexbox, CSS Variables, Text-Wrap Balance)
• Swiper.js (Carrossel touch-friendly)
• Google Fonts & Web Fonts otimizadas

• Títulos (Display): Boldonse (Estilo Poster/Condensada)
• Textos (Body): Inter ou Helvetica Neue (Legibilidade)

• Hero Desktop: 1920x1080px (WebP)
• Hero Mobile: 1080x1920px (WebP) - Mobile First
• Produtos: 600x600px (Quadrado perfeito 1:1)

• Preload: Carregamento prioritário da imagem Hero (LCP otimizado).
• Lazy Loading: Imagens do carrossel carregam apenas ao rolar a página.
• CLS (Layout Shift): Dimensões de largura/altura definidas no HTML para evitar "pulos".
• SEO: Meta tags completas (OpenGraph, Twitter Cards) e JSON-LD Schema para organização.

© 2026 CHAPÉU&CANETA® - Todos os direitos reservados.