---
name: padrao-apple-html
description: Use ao criar ou revisar qualquer HTML, dashboard, relatório web ou página. Segue um padrão visual Apple único, descrito no DESIGN.md que vem junto.
---
# Padrão Apple para HTML

1. Leia o DESIGN.md antes de escrever ou revisar o HTML.
2. Use os tokens e os trechos de card, KPI e gráfico de lá: fonte do sistema, uma cor de destaque, cards compactos com borda de 1px.
3. Confira a lista de proibidos: emoji na interface, gradiente e glow, mais de uma cor de destaque, rótulo em caixa alta acima do título, numeração decorativa, selos que não medem nada, card dentro de card, variação sem contexto e dado não confirmado.
4. Faça a rodada de acabamento em separado: grade 4/8, escala de texto, ícones, estados de hover, toque e foco, e modo escuro.
5. Antes de entregar, teste em 1440 e 390 de largura: sem scroll horizontal, 0 erros no console e alvos de toque com 44 px ou mais.