apple-inspired-websites
Installation
SKILL.md
Apple-Inspired Websites
Reproduza a gramática visual e narrativa das páginas de produto da Apple: um produto por página, uma ideia por seção, tipografia gigante e mídia protagonista. O tom é confiante e minimalista; o scroll conta a história.
Direção de arte
- Fundos alternando branco puro e preto quase puro por seção; sem gradientes decorativos.
- Tipografia sans neo-grotesca (SF Pro ou similar: Inter, Söhne): headlines enormes (clamp até ~96px), tracking levemente negativo, pesos 600–700; corpo cinza (
#86868bsobre claro,#a1a1a6sobre escuro). - Headlines curtas com "pun" ou afirmação ousada ("Fast runs in the family.", "Pick your quick."), seguidas de um parágrafo denso e específico. Nunca lorem ipsum.
- Cor de destaque única (azul de link/CTA); todo o resto neutro. Produto é a única fonte de cor rica.
- Muito espaço negativo: padding vertical generoso (120–200px desktop), conteúdo centrado com max-width de leitura (~700px para texto).
- Imagens de produto em fundo limpo, grandes, muitas vezes sangrando a viewport.
- Rodapé de footnotes com disclaimers numerados (¹ ² ³) referenciados nos claims.
Estrutura da página
Ordem canônica, adaptável ao produto: