Fermento.

• marque alimentaire avec un produit photogénique
• couleurs chaudes et saturées
• vente au comptoir + commandes
• commerce de quartier avec de la personnalité

• service sérieux ou technique (droit, santé, finance)
• luxe minimaliste
• marque froide ou monochrome
• activité sans produit à montrer en photo

Ton

Identidade

• Padaria de fermentação natural tratada como vitrine de loja de doce: campo de cor saturada e
• apetitosa, o produto gigante flutuando por cima da marca e adesivos colados tortos. Página em
• amarelo-manteiga (#F4B73A) com tinta chocolate (#2A160A); as seções trocam de cor inteira
• (chocolate, tomate #EC5B2F, creme #FFF1D6, morango #F7A1C4) e os cartões usam também
• pistache (#A8C96B). Display em Bagel Fat One (só 400, gorda e redonda), texto em Onest
• (500 a 800). Nada de serifa, nada de terracota em creme.
• Tudo que é "objeto" tem contorno chocolate de 3px e sombra dura chapada (sem desfoque): botões
• 0 5px 0, cartões 0 8px 0, adesivos 4px 4px 0. É o que dá o ar de adesivo/brinquedo.

Regras

• Contraste: chocolate sobre manteiga 9.6:1, sobre tomate 5.0:1, sobre morango 8.9:1; creme sobre chocolate 15:1. Texto corrido nunca em tomate ou morango sobre claro; "36h" do selo usa #B8391A (5.2:1 no creme).
• Botão principal sempre chocolate com texto creme e sombra dura tomate (creme quando a seção é tomate). Hover sobe 3px e a sombra cresce; clique afunda. Foco: contorno 3px chocolate (creme no escuro).
• Nada de brilho, vidro, degradê em texto ou fundo. A única sombra macia é a do croissant no chão.
• Movimento: entrada do hero com data-sobe (+ fermento-entra/fermento-cola); abaixo da dobra tudo dentro de @supports (animation-timeline: view()) e prefers-reduced-motion: no-preference. Sem suporte ou com movimento reduzido, a página fica parada e completa.
• Imagens com width/height; abaixo da dobra loading="lazy". Cenas da faixa são decorativas (alt="", aria-hidden).

Adaptar à marca do cliente

• Trocar o nome no h1 e no rodapé e medir de novo os vw (24/21vw e 27.5vw valem para 8 letras de Bagel Fat One): largura do texto ÷ largura da tela, deixando ~3% de folga.
• O produto do hero precisa de fundo transparente, proporção próxima de 16:11 e ser o produto-símbolo da casa. Os produtos do cardápio: transparentes, 1000×800 (horizontais) ou 1100×1000 (altos).
• Cores: manter um campo saturado claro como fundo (manteiga) e a tinta bem escura; a cor da marca do cliente entra no lugar do tomate (sombra dos botões, seção do processo, selo "saído às 7h"), conferindo o contraste do chocolate por cima (≥ 4.5:1).
• Se a fonte do cliente não for gorda, manter Bagel Fat One só na marca e nos títulos.
• Os 4 passos do processo trocam de assunto conforme o nicho (fermentação de pizza, torra do café, maturação do hambúrguer), sempre com uma hora ou um número real de cada etapa.