Brand Book v3 · Estratégia · Identidade Visual · Voz · Aplicações
Documento normativo que estabelece os padrões de identidade visual,
o sistema de design e as diretrizes de aplicação para todas as
produções digitais sob a marca mãe Vitaminas. <b>Regulamenta o uso
do logotipo, paleta cromática, tipografia, grid, componentes,
conteúdo e acessibilidade.</b> Sua observância é obrigatória em
sites, landing pages, aplicações e demais peças digitais
produzidas interna ou externamente.
de onde veio, pra <span class="c-gen">onde vai</span>.
Toque pra editar. A história não é cronologia — é o porquê emocional. Conte
o problema que a fundadora viu, o momento de virada, e a aposta que virou marca.
o problema que vimos
Toque pra editar. Que dor real existia antes de mãe aparecer? Quem sofria e como?
nosso momento de virada
Toque pra editar. Quando ficou óbvio que algo precisava ser feito? Conte um momento concreto.
nossa aposta
Toque pra editar. Em que mãe Vitaminas aposta que ninguém mais aposta?
o que nos move <span class="c-gen">todos os dias</span>.
missão
Toque pra editar. <b>Por que mãe existe?</b> 1 frase, voz ativa, presente do indicativo.
Ex: <i>"Tornar vitaminas que combinam com a vida real, sem terrorismo nutricional."</i>
visão
Toque pra editar. <b>Aonde queremos chegar?</b> 1 frase, ambiciosa mas concreta. Horizonte 5 anos.
Ex: <i>"Ser a marca brasileira de saúde íntima feminina mais querida — não a maior, a mais querida."</i>
valores (3 a 5, não mais)
<b>Valor 1 — </b>Toque pra editar. Cada valor tem nome curto + 1 frase que mostra como vira comportamento.
Toque pra editar. Neumeier diz: se sua marca não tem uma frase de "só nós",
ela não tem diferenciação. Use o template e seja honesta.
template
Nosso <b>[oferta]</b><br/>
é o único <b>[categoria]</b><br/>
que <b>[diferencial radical]</b><br/>
para <b>[público específico]</b><br/>
em <b>[contexto/momento]</b>,<br/>
numa época em que <b>[tendência relevante]</b>.
nossa frase
Toque pra editar e preencher o template acima virando 1 frase só.
nossa personalidade é a da <span class="c-mav">cuidadora</span>.
Toque pra editar. Arquétipo define como mãe se comporta — não o que diz, mas
como diz. A hipótese de partida é <b>Cuidadora (Caregiver)</b> com sombra de
<b>Sábia (Sage)</b>, mas confirme/ajuste com base no produto real.
arquétipo primário · Cuidadora
Motivação: <b>servir aos outros</b>. Medo: <b>egoísmo, ingratidão</b>. Linguagem: <b>acolhedora, sem julgar, pé-no-chão</b>.
arquétipo sombra · Sábia
Equilibra o emocional com <b>conhecimento</b>. Linguagem: <b>específica, com base, anti-modinha</b>.
como isso vira voz
<b>Falamos:</b> <i>"a gente entende"</i>, <i>"sem terror"</i>, <i>"de mãe pra mãe"</i> (toque pra editar)
<b>Não falamos:</b> <i>"transforme sua vida"</i>, <i>"é único"</i>, <i>"revolucionário"</i> (toque pra editar)
como mãe se relaciona com <span class="c-aur">Mavena · Genelle · Aella · Aurallys</span>.
Toque pra editar. Modelo atual = <b>branded house híbrido</b>: mãe é a marca-mãe que
carrega a credibilidade, e os 4 SKUs têm nome próprio + cor própria mas SEMPRE
trazem "mãe" como endosso visual e verbal.
regra de hierarquia
<b>Mãe</b> aparece primeiro em qualquer touchpoint (rótulo, anúncio, post)
<b>SKU</b> aparece como produto específico (Mavena, Genelle, Aella, Aurallys)
<b>Cor do SKU</b> diferencia visualmente, mas o lettering "mãe" é constante
regra de voz
Mãe fala. O SKU é o que ela oferece — não fala sozinho. Ex: <i>"mãe Aurallys: pra noites em que o sono vem manso"</i>, nunca <i>"Aurallys oferece..."</i>
como decidir o nome do <span class="c-aur">próximo produto</span>.
Aaker: 3 modelos. Decida o tipo ANTES de criar o nome. Pense no horizonte de 3 anos.
branded (padrão atual)
Nome próprio + cor própria, mas "mãe" sempre na frente. <b>Quando usar:</b> quando o SKU resolve uma dor distinta dos outros 4, e merece personalidade visual própria.
endorsed
Nome técnico/descritivo + "mãe" como endosso pequeno. Ex: "Cuidado Íntimo Diário, by mãe". <b>Quando usar:</b> linha de extensão (papelaria, kits, presentes), onde a função é mais importante que o personalidade.
standalone
Marca nova, sem "mãe". <b>Quando usar:</b> NUNCA na fase atual. Só se mãe virar holding e quiser entrar em categoria muito distante (ex: roupa, livros).
A marca mãe é representada pelo <b>lettering manuscrito "mãe"</b>, em
traço contínuo, com a cedilha do "ã" desenhada como onda. É a única
assinatura institucional. Todo material, digital ou impresso, carrega
este lettering — sem exceções.
v. principal · institucional
Cinco <span class="c-gen">aplicações cromáticas</span> autorizadas.
A marca mãe vive em <b>cinco aplicações cromáticas</b>: a versão
institucional em preto, e as quatro versões coloridas — uma por
produto. A versão usada num site, página ou componente <b>responde
sempre ao contexto cromático do conteúdo ao redor</b>.
Em página de Mavena, mãe é roxo. Em página de Aurallys, mãe é
mel. Em home institucional, mãe é preto. Nunca duas cores no
mesmo plano: ou é preto, ou é o caderno em vigor.
cinco <span class="c-aur">versões</span> permitidas.
arejamento & <span class="c-mav">redução</span>.
o arejamento "x".
Toda aplicação do lettering preserva uma área livre de qualquer
outro elemento em volta. Chamamos esta área de <b>arejamento</b>.
A unidade de arejamento <b>"x"</b> equivale à <b>altura da letra
m</b> do lettering. O espaçamento mínimo livre em todas as quatro
direções é de <b>1 unidade x</b>. Em peças com muita informação,
recomenda-se 1,5x ou 2x.
Não há exceção. Logo encostado em borda, em texto, em outra
marca ou em fotografia <b>compromete a leitura</b> e
<b>desautoriza a peça</b>.
1x = altura do "m"
tamanho mínimo de <span class="c-aell">redução</span>.
A redução excessiva compromete a leitura. Use os tamanhos abaixo
como <b>piso absoluto</b>; abaixo deles, sempre prefira só o ícone
"m" isolado ou uma versão alternativa por extenso em Puck-Light.
uso <span class="c-aell">incorreto</span>.<br/>nove formas de <span class="c-fade">destruir</span> a marca.
O lettering "mãe" foi desenhado num único traço contínuo, num único
peso, num único conjunto de cores. Toda alteração — por mais sutil
que pareça — descaracteriza a marca. Os exemplos abaixo são
<b>sempre proibidos</b>, em qualquer contexto.
fundos & <span class="c-gen">contraste</span>.
A marca foi feita para viver primeiro sobre branco. Sobre as
quatro cores dos cadernos, usa-se a versão em branco. Sobre preto,
branco também. Sobre fotografia poluída, sempre dentro de bloco branco.
O resto está proibido.
os <span class="c-gen">quatro</span> <span class="c-mav">produtos</span>.
Cada produto é um <span class="c-aell">caderno</span> da marca: tem nome,
cor, voz, função e frequência próprios. Não são variantes de um mesmo
produto — são <b>quatro conversas distintas</b> sob a mesma assinatura.
01
Genelle
o caderno da semente
Para a mulher que está plantando — e ainda não viu brotar.
Fertilidade, pré-concepção, tentantes, ciclo, ovulação, ácido fólico, perdas gestacionais, ansiedade da espera. Dor presente, ciência sem clínica fria.
Voz · paciência ativa
#C81F7C
02
Aurallys
o caderno do dia
Para a mulher que precisa atravessar a semana inteira.
Imunidade, energia, vitamina D, sono, estresse, rotina alimentar, magnésio, hidratação. O cuidado diário que segura o corpo de pé.
Voz · prática e solar
#D9A21C
03
Mavena
o caderno da virada
Para a mulher na sua virada — perimeno, meno, pós.
Climatério, menopausa, ondas de calor, sono partido, libido, memória, reinvenção pessoal. Passagem, não término. Conversa entre iguais — nunca palestra.
Voz · profunda, com humor
#5E27A8
04
Aella
o caderno do sangue
Para a mulher cuja dor foi minimizada por anos.
Endometriose, adenomiose, dor pélvica, cólica refratária, diagnóstico tardio, sangramento intenso, validação do sintoma. "A sua dor é real" como fundação.
Voz · direta, sem dramatizar
#E5611A
como a <span class="c-gen">marca</span> & o <span class="c-mav">produto</span> se assinam juntos.
Em qualquer página de produto, a assinatura combinada
<b>mãe + produto</b> aparece sempre <b>uma vez</b>, no header ou
no footer. Ordem fixa: "mãe" em preto, separador, nome do produto
na cor do caderno. Nunca o inverso.
Quatro cores principais. Para cada uma, uma variante <b>soft</b>
(fundos suaves, tags, callouts) e uma variante <b>deep</b>
(texto sobre soft, hover, ícones). Mais nenhuma cor de marca.
Cinzas e branco existem para estrutura — não decoram.
uso <span class="c-mav">obrigatório</span> de cor.
Cada cor tem papel definido. Não use Mavena na página de Aella.
Não pinte um botão de Genelle numa landing de Aurallys. Cor
<b>identifica o caderno</b> — quebrar isso quebra o sistema.
Preto · ink
Texto principal. Wordmark institucional. Headers de página neutra (sobre, sumário).
Rosa · Genelle
Páginas, links, CTAs e destaques do caderno fertilidade. Nunca fora dele.
Mel · Aurallys
Páginas, links, CTAs e destaques do caderno imunidade/dia. Texto sobre Mel deve ser preto.
Roxo · Mavena
Páginas, links, CTAs e destaques do caderno menopausa. Também é a cor de foco/hover institucional.
Brasa · Aella
Páginas, links, CTAs e destaques do caderno endometriose. Também é a cor de alerta/erro do sistema.
Cinzas
Texto secundário, rótulos, divisores. Nunca como cor de marca — apenas estrutural.
<span class="c-aell">tipografia</span>.<br/>duas <span class="c-mav">fontes</span>. uma <span class="c-gen">regra</span>.
<b>Puck-Light</b> é a fonte de display da marca — todo título,
chamada e wordmark de produto. <b>Montserrat</b> é a fonte de massa
de texto — corpo, legenda, navegação, rótulo. Não há terceira fonte.
Use os tokens abaixo como tamanhos fixos. Não invente intermediários.
Toda variação fora desta tabela <b>requer aprovação</b>.
--display
Puck · 300 · clamp(56,9vw,144)
capa
hero · capa
--h1
Puck · 300 · clamp(48,6.5vw,96)
título
section h1
--h2
Puck · 300 · clamp(36,5vw,64)
subtítulo
section h2
--h3
Puck · 300 · clamp(28,3vw,42)
cabeçalho
card · block
--h4
Puck · 300 · 22px
nome
item · row
--lead
Montserrat · 400 · 20px
Parágrafo de abertura, fala com gente, no tom da revista.
intro
--body
Montserrat · 400 · 15px
Texto corrido padrão. Bem legível, line-height 1.7.
parágrafo
--small
Montserrat · 500 · 13px
Detalhes, legendas, UI compacta.
caption · ui
--mono
JetBrains Mono · 500 · 12px
rótulo · capítulo · número
label · meta
pareamentos <span class="c-aur">aprovados</span>.
Recomendado
Manchete<br/><span class="word2 c-mav" style="font-size:18px;display:block;margin-top:8px">CHAMADA DE APOIO</span>
Display Puck em peso 300 + rótulo Montserrat 500 em maiúsculas com tracking 0.2em. A dupla mais usada da marca.
Em corpo
<span class="c-gen">Título da seção</span><br/><span class="word2 c-ink" style="font-size:14px;font-weight:400;display:block;margin-top:10px;letter-spacing:0;text-transform:none;line-height:1.6">Parágrafo de abertura em Montserrat 400, com line-height 1.6 para conforto de leitura prolongada.</span>
Display + parágrafo. Sempre cor do caderno no título, sempre preto no parágrafo.
O sistema usa <b>12 colunas</b>, <b>container máximo 1320px</b>,
<b>gutter de 8vw</b> e tokens de espaçamento em <b>escala 4pt</b>.
Quatro breakpoints. Tudo fluido entre eles.
Inventário canônico dos blocos que constroem todo site mãe.
<b>Não construa nada fora desta lista sem aprovação.</b> Toda
variante é definida aqui — não pode ser inventada na peça.
Três layouts canônicos cobrem 90% dos sites mãe: <b>Home</b>
(institucional, 4 quadrantes), <b>Produto</b> (uma cor cheia,
pote em destaque) e <b>Conteúdo</b> (artigo, com tipografia em
primeiro plano).
home · <span class="c-fade">quatro quadrantes</span>
uma <span class="gen">marca</span><br/>em <span class="aur">quatro</span><br/><span class="mav">vozes</span> que falam<br/>com a <span class="aell">mulher</span> inteira.
A mãe não é um produto. É um sistema de quatro cadernos para quatro fases do corpo. Você escolhe a sua.
edição I · março 2026+ 50 mil leitoras semanaiscertificação Anvisa
<span class="c-mav">imagem</span> & <span class="c-aur">fotografia</span>.
A marca prefere <b>tipografia a fotografia</b>. Quando foto entra,
entra com regra: mulheres reais, idades reais, ambientes
cotidianos, luz natural. Nada de pose corporativa, gradiente
rosa-laranja ou modelo sorrindo de olhos fechados.
Os quatro rótulos da linha Mãe Vitaminas seguem padrão único de
<b>180 × 75 mm</b>. Cada um traz a marca, o nome do caderno
(produto), a composição ativa, a tabela nutricional e os textos
regulatórios exigidos pela ANVISA. Esta seção é a referência
técnica única para reprodução, impressão e versionamento dos
rótulos.
especificações <span class="c-mav">obrigatórias</span> de impressão.
Dimensão
180 × 75 mm
Largura × altura final do rótulo aplicado. Não escalar.
Sangria · bleed
3 mm em todas as bordas
Cor de fundo deve estender-se por 3 mm além da linha de corte.
Margem de segurança
5 mm interna
Texto crítico (ANVISA, marca, composição) sempre dentro desta margem.
Resolução
300 dpi no tamanho final
Imagens em CMYK 300 dpi. Vetores preferenciais. Sem JPEG comprimido.
Modo de cor
CMYK + 1 Pantone do caderno
Nunca enviar arquivo em RGB. Pantone do caderno sobrepõe o CMYK para fidelidade.
Substrato
BOPP branco fosco
Adesivo permanente. Resistente a umidade e variação térmica. Não usar papel.
Verniz brilho aplicado sobre o lettering "mãe" e o nome do produto. Restante fosco.
anatomia do <span class="c-gen">rótulo</span>.
Todo rótulo segue a mesma estrutura horizontal. Ela é fixa — não
redesenhar, não rearrumar, não inverter. A composição abaixo é a
única autorizada.
esquema · 1 : 1
↳ sangria · 3mm180 mm × 75 mm
bloco A · identidade
Mavena
suplemento alimentar em cápsulas
Vitamina C · B6 · L-Triptofano Trans-Resveratrol · Niacina · Geléia Real
bloco B · regulatório
Composição
Ingredientes ativos, antiumectantes, composição da cápsula, declaração de glúten/lactose.
Tabela Nutricional
Porções por embalagem, valor energético, %VD por nutriente.
ANVISA · CNPJ · SAC
Número de notificação, fabricante, distribuidor, contato consumidor.
peso & contagem
30 g · 60 cápsulas.
Padrão único para os 4 cadernos. Porção: 1 g (2 cápsulas). 30 porções por embalagem. Não criar tamanhos alternativos sem aprovação.
marca + caderno
"mãe" branca + nome do produto.
Sempre nessa ordem, sempre na lateral esquerda do rótulo, sempre sobre cor cheia do caderno. O lettering vai branco, o nome do produto também — em Puck-Light 38 a 42 pt no tamanho final.
tipografia regulatória
Montserrat Regular · ≥ 6 pt.
Textos legais em Montserrat Regular (peso 400), tamanho mínimo legível de 6 pt no rótulo impresso. Hierarquias de seção em Montserrat Medium 500.
os <span class="c-gen">quatro</span> <span class="c-aur">rótulos</span>.
Cada produto tem ANVISA própria, composição própria, valores
nutricionais próprios. Os arquivos artes-finais estão disponíveis
em <code style="font-family:var(--mono);font-size:13px;background:var(--bg);padding:2px 8px">labels/</code>. Não imprimir versão fora destes
arquivos.
Os textos abaixo são <b>literais e não negociáveis</b> — exigidos
pela ANVISA para suplemento alimentar. Reproduza sem reescrita,
sem síntese, sem tradução. Em Montserrat Regular 6 pt mínimo.
advertência principal
Este produto não é um medicamento. Não exceder a recomendação diária de consumo indicada na embalagem. Mantenha fora do alcance de crianças. <b>ESTE PRODUTO NÃO DEVE SER CONSUMIDO POR GESTANTES, LACTANTES E CRIANÇAS.</b>
conservação
Instruções de conservação: conservar ao abrigo da luz, do calor e da umidade. Após aberto, manter em local seco e arejado e consumir em até 60 dias. Após o consumo, manter a embalagem bem fechada.
sugestão de uso
2 Cápsulas ao dia. Indicado para maiores de 19 anos. Não exceder a recomendação diária de consumo indicada na embalagem.
composição da cápsula
Composição da Cápsula: Colágeno bovino e dióxido de titânio (Corante INS 171). Contém Amido de Milho, Antiumectante (Dióxido de Silício INS 551), espessante Estearato de Magnésio (INS-470 III). <b>NÃO CONTÉM GLÚTEN E NÃO CONTÉM LACTOSE.</b>
dados de <span class="c-mav">fabricação</span> & <span class="c-mav">distribuição</span>.
Fabricante
OUROCAPS Indústria de Produtos Naturais LTDA ME
CNPJ 50.658.474/0001-01
Endereço Rua Benjamin Constant, 2486 · Jardim Tropical · Olímpia-SP
Origem Indústria Brasileira
Distribuidor
Mãe Vitaminas Farmacêuticas LTDA
CNPJ 47.154.134/0001-20
Endereço Rua Bento de Andrade, 158 · Sala 01 · Jardim Paulista · CEP 04.503-000
SAC fernando.prado@neovita.med.br
checklist do <span class="c-aell">rótulo</span> antes da gráfica.
<b>Dimensão</b> · 180 × 75 mm exatos · sem escala
<b>Sangria</b> · 3 mm em todas as 4 bordas
<b>Segurança</b> · 5 mm interna · sem texto crítico fora
<b>Modo de cor</b> · CMYK · sem RGB · Pantone do caderno
<b>Resolução</b> · 300 dpi no tamanho final
<b>ANVISA</b> · número visível em fonte ≥ 6 pt
<b>Advertência</b> · texto literal · sem reescrita
<b>Composição</b> · ingredientes em ordem decrescente
<b>Tabela nutricional</b> · valor energético + %VD por nutriente
<b>Fabricante & distribuidor</b> · CNPJ e endereço completos
<span class="c-aur">voz</span> & <span class="c-aell">tom</span><br/>por <span class="c-mav">caderno</span>.
Cada caderno fala uma língua. As palavras-âncora abaixo abrem cada
voz; o quadro mostra o que <b>fazer</b> e o que <b>não fazer</b>
quando você escreve em cada um.
Genelle
paciência ativa
"Tentar não é projeto. É rotina."
fale do tempo do corpo"calma" sem condescendência
não force "milagre"nada de "vai dar certo" sem lastro
Aurallys
prática e solar
"Atravessar a semana sem desmoronar."
fale de quarta-feira às 15hcotidiano concreto, sem promessa
não moralize"você precisa cuidar de você" é proibido
Mavena
profunda, com humor
"Menopausa não é fim. É cargo novo."
fale entre iguaishumor seco, referência cultural
não infantilizenada de "mulheres de uma certa idade"
Aella
direta, sem dramatizar
"Sua dor é real. Tem nome."
valide o sintoma"você tem razão" como fundação
não dramatizenada de música triste; texto que apoia, não chora
vocabulário <span class="c-mav">obrigatório</span> & <span class="c-aell">proibido</span> (geral).
+ Use
caderno · verbete · receita · caso
tem nome · tem cuidado · tem ciência
você não está sozinha · você tem razão
passagem · virada · rotina · corpo no tempo dele
− Evite
"jornada" · "wellness" · "self-care"
"empoderar" · "girl boss" · "guerreira"
"milagre" · "transformador" · "revolucionário"
emojis decorativos · "✨💫🌸"
<span class="dot"></span>Capítulo 05 · voz & tom<span class="rule"></span>
Toque pra editar — ex: <i>"acolher"</i>, <i>"manso"</i>, <i>"semente"</i>, <i>"colo"</i>, <i>"corpo de verdade"</i>
Toque pra editar — termos técnicos que a gente usa quando precisa, mas SEMPRE traduzidos
palavras que nunca usamos
Toque pra editar — ex: <i>"transformação"</i>, <i>"revolucionário"</i>, <i>"você merece"</i>, <i>"empoderamento"</i>
Toque pra editar — listas, jargão médico, vocabulário de wellness genérico
regra de ouro
Se uma frase poderia estar em qualquer marca de wellness, ela não pode estar na mãe.
<span class="dot"></span>Capítulo 05 · voz & tom<span class="rule"></span>
como mãe muda de <span class="c-aell">tom</span> sem perder a voz.
A <b>voz</b> é constante (acolhedora, sábia, pé-no-chão). O <b>tom</b> muda
conforme o canal. Pense numa amiga: ela é a mesma pessoa no almoço de domingo
e no consultório, mas o jeito de falar muda.
<b>Tom:</b> presença + autoridade. <b>Parágrafos curtos, voz ativa.</b> Toque pra editar.
instagram (feed)
<b>Tom:</b> conversa entre amigas. <b>Pode ter graça, jamais ironia.</b> Toque pra editar.
stories
<b>Tom:</b> intimidade. <b>Pode usar gíria branda, primeira pessoa.</b> Toque pra editar.
WhatsApp / atendimento
<b>Tom:</b> resposta rápida e humana. <b>Nunca soar como bot.</b> Toque pra editar.
press / parcerias
<b>Tom:</b> profissional sem perder calor. <b>Cita dados quando tem.</b> Toque pra editar.
<span class="dot"></span>Capítulo 05 · voz & tom<span class="rule"></span>
como reescrever uma frase <span class="c-aell">no tom da mãe</span>.
Toque pra editar e preencha 10 pares antes/depois. Esse é o capítulo mais
útil pra qualquer pessoa nova produzir conteúdo da marca.
1. Anúncio meta
<b>Antes:</b> <i>"Vitamina X transforma sua rotina!"</i><br/>
<b>Depois (mãe):</b> Toque pra editar.
2. CTA de site
<b>Antes:</b> <i>"Compre agora e mude sua vida"</i><br/>
<b>Depois (mãe):</b> Toque pra editar.
3. Resposta de DM
<b>Antes:</b> <i>"Olá! Obrigada pelo contato. Em breve retornaremos."</i><br/>
<b>Depois (mãe):</b> Toque pra editar.
4–10
Toque pra editar — adicione mais 7 pares cobrindo: bula, caption de feed, story, e-mail de boas-vindas, e-mail pós-compra, press release, copy de rótulo.
<span class="dot"></span>Capítulo 05 · voz & tom<span class="rule"></span>
a frase que <span class="c-aell">vende mãe</span> em 1 linha.
Donald Miller: a fórmula StoryBrand. Cliente é o herói. Mãe é o guia.
fórmula
Mulheres que <b>[problema]</b><br/>
conhecem a <b>mãe Vitaminas</b>,<br/>
que <b>[plano em 1 verbo]</b>,<br/>
pra que elas <b>[transformação concreta]</b>,<br/>
evitando <b>[medo evitado]</b>.
nossa frase
Toque pra editar — preencha a fórmula virando 1 frase só. Essa frase vira a base de todo CTA, copy de site, anúncio.
Todo site mãe atende <b>WCAG 2.2 nível AA</b>. Não é diferencial,
é piso. Os pares de cor abaixo já foram testados; qualquer outra
combinação precisa ser validada antes de ir ao ar.
Todo elemento interativo (link, botão, input, card clicável) tem outline visível ao receber foco. Cor: mavena. Espessura: 2px. Offset: 3px. Não remover.
motion
prefer-reduced.
Toda transição respeita <code style="font-family:var(--mono);font-size:12px;background:var(--bg);padding:2px 6px">@media (prefers-reduced-motion: reduce)</code>. Sem auto-play. Sem parallax forçado. Carrossel só com pause.
alt-text
descreva, não rotule.
Alt-text descreve <b>o que está acontecendo</b>, não "imagem do produto". Decorativa? alt="". Texto da imagem? Repita literal. Pessoa? Nome + ação.
.
v3 · 2026