Aster Atelier

Comece a partir de example.html. É o código fonte completo e executável, com arte original, estilos e JavaScript incorporados. Mantenha sua composição visual e interações funcionais, adaptando a marca e o texto à solicitação do usuário. Não substitua por uma captura de tela nem use um site não relacionado como fonte.

Sistema visual

• Paleta: cobalto #0758bc, noite profunda #083d86, marfim #fffaf0, pergaminho #fff6e3, bronze #f5cf7c.
• Tipografia serifada do sistema: Georgia / Times New Roman; sans-serif e monoespaçada do sistema para corpo e coordenadas. Nenhuma fonte é distribuída.
• Composição editorial: margens laterais generosas, títulos serifados grandes, coordenadas pequenas em maiúsculas, linhas finas e espaço aberto.
• Cinco capítulos: herói astrônomo, instrumento de nuvem de pontos / abordagem, arte e serviços do observatório, perguntas / contato, rodapé com marca d'água oversized.
• As duas ilustrações originais são URIs de dados WebP incorporados. Reutilize-os diretamente, preservando a proporção e o foco; não busque os recursos do site de inspiração anterior.
• O instrumento armilar é código original de nuvem de pontos em Canvas 2D com rotação tridimensional, desenhado proceduralmente. Preserve o controle de visibilidade da animação e o limite de DPR.

Contrato de interação

• O CTA do herói rola para a abordagem. A navegação tem âncoras de capítulo funcionais.
• Navegação e contato usam nativos dialog, com botões de fechar, tratamento de Escape e retorno de foco.
• Serviços e FAQ usam nativos details / summary.
• Os campos de entrada do formulário têm rótulos visíveis, validação HTML e feedback de salvamento apenas local. Sem envio falso ou endpoint externo. O usuário pode baixar um resumo em texto.
• Respeite o movimento reduzido. Pare o loop do canvas quando estiver fora da tela ou em uma aba oculta.
• Preserve o layout móvel em 390px, títulos legíveis, controles utilizáveis e sem overflow horizontal.

Fluxo de trabalho

1. Leia a semente e a marca/contexto do usuário; mantenha os padrões sensatos para detalhes opcionais ausentes.
2. Edite o texto, o conteúdo semântico e a marca sem achatar o layout.
3. Mantenha-o autônomo. Não introduza scripts externos, imagens pagas ou fontes.
4. Renderize a página; verifique o herói, todos os links de capítulo, menus, foco modal, formulários e overflow móvel.
5. Leia references/checklist.md e passe seus portões P0 antes da entrega.
6. Entregue o artefato executável de acordo com o perfil de execução do host: escreva arquivos canônicos quando as ferramentas do sistema de arquivos estiverem disponíveis, ou emita um artefato completo quando o host exigir artefatos de texto. Descreva o comportamento do backend honestamente. Nunca fabrique métricas de projeto, prêmios ou endossos de clientes.

ASSET-SOURCES.md registra a procedência da arte e do código gerados originalmente. A marca de demonstração não representa um cliente real nem implica endosso.