Personalizar as páginas da marca

1. Opções

• Logótipo e ícone (PNG, JPEG, WebP ou SVG sem scripts, até 1 MB).
• Cor da marca (topo e coluna da marca) e cor de destaque (botões). O texto por cima fica branco ou escuro, o que for mais legível.
• Letras dos títulos e do texto: das do sistema ou um ficheiro WOFF2 da marca (com licença para a web).
• Cantos retos, suaves ou redondos.
• Modelo de página: Clássico, Lateral (como o Stripe Checkout) ou Minimal.

Use "Pré-visualizar" para ver o rascunho com dados de exemplo e "Publicar" quando estiver pronto. Os avisos obrigatórios (passaporte de teste, retirado, versão antiga), a verificação e o rodapé mantêm sempre o aspeto do Urdume, e quem lê o passaporte pode vê-lo "sem o estilo da marca".

2. CSS próprio

Para ajustes finos. Cada seletor aplica-se só dentro das zonas da marca. São aceites propriedades de aspeto (cores, fundos e gradientes, bordas, sombras, letras, espaçamentos, tamanhos, flex e grid) e @media; não são aceites @import, url(), posicionamento, transformações, opacidade, nem nada que esconda conteúdo.

Exemplo

/* Títulos mais apertados e cartões com uma sombra suave */
.pp-hero h1 { letter-spacing: -0.03em; }
.pp-card { box-shadow: 0 6px 20px rgba(11, 16, 38, 0.08); border-color: transparent; }

/* Página alojada: passos com a cor de destaque */
.hosted-steps li.is-current { text-decoration: underline; text-decoration-color: var(--accent); }

@media (min-width: 900px) {
  .pp-values > div { grid-template-columns: 14rem 1fr; }
}

Classes que pode usar