Spaces:
Running
Running
Perfeito! Agora vamos criar um **prompt definitivo para DeepSite**, incluindo **todas as 8 inovações/funcionalidades da NOVA**, reorganizando a Home de forma clara, harmoniosa e elegante, **adicionando empresas/logos falsos e seções extras para preencher a página**. --- # **Prompt Final de Edição — Home NOVA Ultra Dark Mode (com todas inovações)** **Objetivo:** Refinar a Home do site **NOVA** em **ultra dark mode**, reorganizando **hierarquia, alinhamento e espaçamento**, adicionando **todos os elementos da plataforma (8 inovações)**, animações suaves, efeitos de fundo e empresas/logos fictícios para maior realismo. --- ## **1. Paleta de cores** * Fundo: #000000 (preto absoluto) * Texto: #ffffff (branco) * Destaques/CTAs: #e0e0e0 (cinza claro) * Bordas/neutros: #1a1a1a / #2c2c2c * Gradientes discretos ou partículas cinza claro para efeitos de fundo --- ## **2. Tipografia** * Roboto, fallback system-ui, -apple-system, “Segoe UI” * H1: 40px / H2: 28px / H3: 20px / P: 16px * Contraste alto, legível no fundo preto * Linha-height 1.5x --- ## **3. Estrutura de seções e posicionamento** ### **3.1 Header** * Altura 80px, sticky, fundo preto absoluto * Logo à esquerda, menu à direita: Produtos | Preços | Como funciona | Blog | Entrar | Experimentar grátis * Links: branco, hover cinza claro --- ### **3.2 Hero Section** * Altura: 100vh * H1 centralizado, branco, fade-in + slide-in de baixo para cima * Subtexto cinza claro, abaixo do H1 * CTAs: “Experimentar grátis” (principal) e “Ver planos” (secundário), hover clareia * Fundo: partículas cinza claro ou gradiente discreto --- ### **3.3 Funcionalidades / Inovações (8 cards)** 1. **Conteúdo ultra-personalizado** 2. **Modo Multi-Formato Inteligente** 3. **Análise de Performance Instantânea** 4. **Editor Criativo Colaborativo** 5. **Modo Storytelling Automático** 6. **Moodboard e Inspiração Visual Integrada** 7. **Aprendizado Adaptativo do Usuário** 8. **Assistente de Marketing Proativo** * Grid responsivo: 4 colunas desktop, 2 tablet, 1 mobile * Cards: fundo #1a1a1a, bordas 12px, sombra sutil * Hover: leve elevação + glow discreto * Ícones animados suavemente (pulse ou rotação) * Títulos e descrições legíveis, texto branco ou cinza claro --- ### **3.4 Estatísticas** * Grid 4 colunas: * “+10.542 textos gerados” * “+3.217 campanhas automatizadas” * “+7.890 e-mails otimizados” * “+12.345 ideias de anúncios criadas” * Contadores animados, fade-in ao scroll * Fundo: #0a0a0a, texto branco --- ### **3.5 Depoimentos / Empresas Fictícias** * Grid ou carrossel: 2–3 colunas desktop * Logos de empresas fictícias (ex.: NovaCorp, HyperMedia, AI Solutions, MarketX, DigitalHive, PromoLabs, BrandForge, CreativePulse) * Hover: brilho discreto ou leve aumento * Cards: fundo #1a1a1a, bordas suaves * Texto: branco, citações itálico cinza claro --- ### **3.6 Planos** * Grid 2 ou 3 colunas, cards 320x250px, fundo #1a1a1a * Hover: elevação + borda clara * Destaque: glow leve no plano recomendado * CTA: hover clareia ou leve pulso --- ### **3.7 Seção Final / CTA** * Fundo: gradiente escuro ou partículas cinza claro * Texto centralizado: “Comece agora com a NOVA” * Botão CTA principal: “Experimentar grátis”, hover clareia --- ### **3.8 Footer** * Fundo #000, altura 150px * Links brancos, hover cinza claro, alinhamento horizontal * Redes sociais: ícones brancos * Copyright centralizado --- ## **4. Microinterações e animações** * Hero: H1 e CTA fade-in + slide-in * Cards: hover elevação + glow * Scroll suave entre seções * Efeitos de fundo: partículas ou gradientes animados * Contadores animados (Estatísticas) --- ## **5. Responsividade** * Mobile ≤ 640px: stack vertical, cards 100% largura * Tablet 641–1024px: grid 2 colunas * Desktop ≥ 1025px: grid 4 colunas (funcionalidades/estatísticas), hero tela cheia * Touch-friendly ≥44px --- ## **6. Resultado esperado** * Home **ultra dark mode**, elegante, organizada e moderna * Todos os **8 cards de inovações visíveis e claros** * Estatísticas com contadores animados * Empresas/logos fictícios distribuídos de forma harmoniosa * Cards e CTAs animados suavemente * Efeitos de fundo discretos * Layout limpo, hierarquia visual clara --- Se você quiser, posso gerar **o HTML/CSS/JS completo da Home**, **com todos os 8 elementos de inovação, estatísticas animadas, logos fictícios, microanimações e efeitos de fundo**, pronto para abrir no navegador e totalmente organizado. Quer que eu faça isso agora? - Initial Deployment
46c6865 verified