em produçãobrasa-restaurante-ten.vercel.app2026
A BRASA é uma cozinha de fogo autoral em São Paulo: cortes de maturação longa sobre brasa de lenha viva, um balcão de chef com doze lugares e uma experiência de seis tempos. O site vende essa sala antes de você entrar, abrindo num hero cinematográfico onde uma sequência de 241 frames JPEG desenha num canvas dirigido pelo scroll, e…
A BRASA é uma cozinha de fogo autoral em São Paulo: cortes de maturação longa sobre brasa de lenha viva, um balcão de chef com doze lugares e uma experiência de seis tempos. O site vende essa sala antes de você entrar, abrindo num hero cinematográfico onde uma sequência de 241 frames JPEG desenha num canvas dirigido pelo scroll, e segue pela história da casa, pelo cardápio à la carte, por um sommelier embutido e pelo formulário de reservas. É um site estático feito à mão, sem build, em HTML, CSS e JavaScript puro, com GSAP ScrollTrigger e Lenis para o scroll cinematográfico e um dicionário completo PT e EN, além de pôster estático como fallback no mobile e no modo de movimento reduzido.
O hero não é um vídeo. Uma sequência de 241 frames JPEG desenha num canvas, onde o scroll só define o frame-alvo e um loop requestAnimationFrame persegue esse alvo, então um decode lento nunca trava a página e o mergulho fica liso.
O cardápio à la carte traz um sommelier embutido que sugere uma harmonização por prato, além de um formulário de reserva que deixa o cliente escolher o salão ou o balcão de chef de doze lugares.
Localização completa em português e inglês por um dicionário data-i18n, com um seletor PT e EN que troca cada seção, o cardápio e o sommelier na hora.
Site estático sem build, tipografia Fraunces e Hanken, skip link e suporte a movimento reduzido: abaixo de 861px o hero continua um pôster estático e nenhum frame é baixado.
cat specs.txt
Projetado, construído e colocado no ar por Bernardo Iannini
Entrar em contato