DESIGN SYSTEM
Órbita
Consistência, escala e evolução contínua para a experiência.
UX WRITING
Botões
FazerVerbos de ação claros que dizem exatamente o que vai acontecer:
- Comece sempre com verbo: "Assinar", "Enviar", "Criar"
- Máximo 3 palavras no botão primário
- Sentence case
- Texto específico sobre o resultado da ação
Enviar para assinatura
EvitarTextos genéricos que não comunicam a ação real:
- Palavras vagas: "OK", "Confirmar", "Clique aqui"
- Botões longos com mais de 4 palavras
- ALL CAPS ou Title Case
- Linguagem técnica ou corporativa demais
Confirmar
Mensagens de erro
FazerPositividade mesmo em erros. Explique o que houve e mostre o caminho:
- Estrutura: o que aconteceu + o que fazer
- Tom calmo e resolutivo
- Linguagem específica sobre a causa
- Senso de parceria: resolver junto
Não conseguimos enviar o documento. Verifique sua conexão e tente novamente.
EvitarMensagens negativas, culpa no usuário ou códigos técnicos sem tradução:
- Exclamações alarmistas ou ALL CAPS
- Códigos de erro sem explicação humana
- Culpar o usuário ("Você errou", "Você esqueceu")
- Deixar sem próximo passo
ERRO! Falha no envio. Código: SMTP_TIMEOUT_443.
Mensagens de sucesso
FazerConfirme a ação, celebre com leveza e indique o próximo passo:
- Confirmar o que foi feito com clareza
- Humor inteligente e energia positiva
- Indicar próximo passo quando houver
- Mensagem inspiradora e de ação
Pronto! Contrato enviado para 3 signatários.
EvitarCelebrações exageradas, piadas bobas ou enrolação desnecessária:
- Excesso de exclamações ou emojis
- Discurso vazio ("com sucesso")
- Celebração desproporcional para ações simples
- Piadas forçadas ou fora de contexto
Parabéns!!! Seu documento foi enviado com sucesso para assinatura!!!
Empty states
FazerAcolha o usuário, explique o que apareceria ali e convide à ação:
- Explicar o propósito da tela
- CTA claro convidando à primeira ação
- Tom encorajador e parceiro
- Linguagem ágil e motivadora
Você ainda não enviou nenhum documento. Comece agora!
EvitarMensagens frias, robóticas ou que deixam o usuário sem saber o que fazer:
- Textos genéricos de sistema
- Tom burocrático ou distante
- Ausência de CTA ou próximo passo
- Jargão técnico
Nenhum item para exibir.
Modais de confirmação
FazerClareza total sobre a ação e suas consequências. Botões que espelham a decisão:
- Título = ação em questão
- Corpo = consequência clara
- Botão primário espelha o título
- Ações destrutivas em vermelho
Cancelar envio?
O documento não será enviado.
Manter envio
Cancelar envio
EvitarPerguntas vagas e botões genéricos que deixam o usuário em dúvida:
- Títulos genéricos ("Tem certeza?")
- Botões ambíguos ("Sim" / "Não")
- Falta de contexto sobre consequências
- Linguagem muito formal ou corporativa
Tem certeza?
Deseja prosseguir?
Não
Sim
Tooltips, toasts e notificações
FazerInformação útil, breve e orientada ao resultado:
- Tooltips: máximo 2 frases com informação nova
- Toasts: 1 frase, começando pelo resultado
- Incluir opção de desfazer quando possível
- Fluidez e progresso na comunicação
EvitarRepetição do que já está na tela, enrolação ou excesso de texto:
- Repetir o label do campo no tooltip
- Expressões vazias ("com sucesso")
- Instruções confusas ou longas
- Tom robótico ou muito frio