S14 · Cards personalizados — ajustes de fidelidade e experiência
Visitante da home pública, principalmente no celular. O compositor passa a abrir na própria
home (sem navegar para /cards) e o CTA da home sai — tocar num modelo já abre a
criação; o nome fica alinhado à esquerda com o "SOU" no card e no tile; a seção muda de
posição; o modal perde o vão interno e o texto de ajuda ganha contraste. Cenas estáticas em
cinza neutro com um único acento indigo. Arte real omitida — este rascunho valida interface,
não redesenha os arquivos oficiais.
Cena 1 · Home desktop — nova ordem + compositor aberto no lugar
A seção "Mostre que você está com Solla" sobe para antes de "Receba as novidades da campanha" (mantém a captura como último bloco). Tocar num modelo abre o modal sobre a home; a URL não muda e a rolagem fica onde está. Sem CTA: os três modelos são o único gatilho.
Hero
Prova (números)
Últimas notícias
Por que essa eleição importa
Nossa caminhada
Acompanhe de perto
Faça parte · nova posição
Sem CTA — tocar num modelo abre o compositor
Receba as novidades da campanha
Rodapé
Personalize com seu nome
Seu nome
Use seu primeiro nome ou o nome pelo qual as pessoas conhecem você.
Nota: o modal abre sobre a home e fecha de volta à seção; nenhuma navegação.
Cena 2 · Home mobile (~390px) — drawer do compositor
Mesma ilha, casca inferior; fechar devolve à seção sem perder a posição de rolagem.
Acompanhe de perto
Faça parte
Sem CTA — tocar num modelo abre o drawer
Enquadre sua foto
×Arraste para posicionar e use os controles para aproximar ou ajustar.
Cena 3 · Tile do modelo de nome — fiel ao resultado
O tile passa a repetir a geometria do card real: nome na mesma borda esquerda do "SOU", fonte display em peso forte, maior, na cor de destaque. Arte real omitida.
Hoje — centralizado e menor
Proposto — alinhado à esquerda com "SOU"
Exemplo literal: SEU NOME · borda esquerda igual à do "SOU" · Brexter 700 · #ffec01
Cena 4 · Compositor de foto — moldura enxuta e ajuda legível
Sem o vão interno de 32px: o conteúdo encosta na moldura com o respiro próprio do componente. A ajuda usa cinza escuro com contraste ≥ 4.5:1 sobre branco.
Hoje — vão interno grande + ajuda clara
Enquadre sua foto
Arraste para posicionar e use os controles para aproximar ou ajustar.
Proposto — encostado + ajuda escura
Enquadre sua foto
Arraste para posicionar e use os controles para aproximar ou ajustar.
Moldura: borda fina e raio preservados; só o padding base de 32px do desktop é neutralizado.