Polar Subscription

Página inicial de SaaS, futurista e limpa, baixa densidade, clara

fundo #ffffff; superfícies [#00c950,#ffb900]; texto #0a0a0a; texto suavizado #737373; primária #00c950; destaques [#00c950,#ffb900]

títulos alphaLyra, 500, caixa alta; corpo alphaLyra, 14px; escala h1 48px, h2 24px, h3 16px

raio de botões/cartões 4px, bordas 1px solid #eaeaea, sombras rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(255, 252, 240, 0.5) 0px 1px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(28, 27, 26, 0.5) 0px 0px 1px 0px, espaçamento entre seções 64px, largura do conteúdo 1272px

• Cabeçalho — navegação horizontal com logotipo, links, login, alternador de modo escuro, fundo branco
• Hero — layout de duas colunas, lado esquerdo com manchete grande "Vibe Marketing", subtítulo, dois botões CTA com efeito de desfoque gradiente, lado direito com imagem em retrato em tons neônios, estendendo-se até as bordas
• Parceiros — layout de duas colunas, lado esquerdo com logotipos de marcas (Lowe’s, AI), lado direito com manchete em negrito "Junte-se aos melhores. Conheça nossos parceiros."
• Recursos — layout de duas colunas, lado esquerdo com manchete "Crie conteúdo viral." e três cartões de recursos com ícones, lado direito com mockup da interface do painel
• Citação — bloco centralizado com citação, palavras-chave destacadas em azul e roxo, fundo branco
• Preços — manchete centralizada "Preços", dois cartões de preços (Base, Plus) com marcadores de verificação, selo "Mais popular" no plano Plus, botões CTA com desfoque gradiente
• Perguntas frequentes — grade de seis cartões com pares pergunta/resposta, fundo branco
• Clientes — manchete "Clientes", grade de depoimentos de usuários com avatares e perfis nas redes sociais
• CTA — manchete centralizada "Eleve sua presença digital", subtítulo, único botão CTA com desfoque gradiente
• Rodapé — layout de quatro colunas com logotipo, links rápidos, recursos, ícones de conexão (Twitter, GitHub), linha de direitos autorais

• Efeitos de desfoque gradiente nos botões CTA
• Imagem hero em tons neônios com iluminação rosa/azul
• Layout minimalista baseado em cartões com raio consistente de 4px
• Palavras-chave destacadas na seção de citação usando contraste de cores
• Tipografia limpa com a família de fontes alphaLyra em toda parte
• Sombras sutis internas (inset) nos cartões para profundidade

• /pricing: Seção de preços com dois planos, Base e Plus, mesmo rodapé da página inicial
• /about: Seção de visão/história em duas colunas, grade de equipe com fotos e funções, cartões de valores em layout de três colunas