Design na Korbit
Design não é acabamento. É o produto.
Toda tela da Korbit tem o mesmo trabalho: fazer uma infraestrutura financeira complexa parecer simples. Aqui está como pensamos e as regras que seguimos.
Por que levamos design a sério
De nada adianta um gateway cheio de funções se nada funciona bem. Quem vive de vender não tem tempo para telas confusas, checkouts lentos ou um painel que precisa de manual. Por isso escolhemos fazer menos coisas, e fazer cada uma delas direito.
Pagamento é o momento em que uma venda pode se perder. Um campo a mais, um botão ambíguo ou meio segundo de espera custam dinheiro. Cada decisão de interface na Korbit começa por uma pergunta: isso ajuda alguém a concluir o que veio fazer?
Confiança não vem de efeitos. Vem de clareza, de consistência e de interações previsíveis. Uma tela calma passa a sensação de que o dinheiro está em boas mãos.
Se uma interface impressiona mas precisa de explicação, simplificamos. Se um elemento não melhora a compreensão, a confiança, a navegação ou a conversão, ele sai.
Na dúvida, escolhemos
Quando uma decisão não é óbvia, estas preferências desempatam.
- Limpoem vez de rico
- Silenciosoem vez de barulhento
- Claroem vez de decorativo
- Rápidoem vez de animado
- Estruturadoem vez de experimental
- Premiumem vez de modismo
- Confiávelem vez de brincalhão
- Simples de usar. Difícil de fazer.
Como fazemos
- Um sistema para tudo
- Painel, checkout e este site usam os mesmos tokens de cor, tipografia, espaço e movimento. Uma mudança no sistema chega a todas as telas.
- Geometria contida
- Raio de 6 px nos controles, grade de 4 px para espaços e no máximo uma sombra suave para o que flutua. Nada de pílulas enormes.
- Movimento com função
- Transições de 120, 160 e 220 ms com a mesma curva. O movimento comunica mudança de estado e nunca segura quem está com pressa.
- Acessível por padrão
- Contraste AA, foco sempre visível, navegação por teclado e rótulos para leitores de tela. Não é uma etapa no fim: é requisito.
- Velocidade é design
- Texto na fonte do sistema, uma única fonte de marca com 17 KB e o mínimo de JavaScript. Uma tela bonita que demora para abrir não está pronta.
- Formulários que terminam
- Rótulos sempre visíveis, só os campos necessários, erro ao lado do campo e nada do que a pessoa digitou se perde.
O checkout vem primeiro
É a tela mais importante da Korbit. Rápida, segura, mínima, familiar e focada, sem navegação nem decoração. A ordem de leitura é sempre a mesma:
- 1Quem está vendendo
- 2O que está sendo comprado
- 3O valor
- 4Os dados de pagamento
- 5A ação principal
- 6O contexto de segurança
Diretrizes de marca
A marca Korbit
Logos, cores e tipografia para quem escreve, integra ou divulga a Korbit. Use os arquivos originais e mantenha espaço livre ao redor da marca.
Logo
Cores
- Ultraviolet#6D3AF2Ação principal, links e destaques
- Graphite#202124Texto, logo e superfícies escuras
- Off White#FAF9F6Fundo e painéis
- Soft Purple#F5F1FFSeleção, hover e realces suaves
- Border#E8E8EDDivisores e contornos
Ultraviolet é a cor da ação: aparece pouco, para chamar atenção onde importa. O resto da tela respira em branco, Off White e Graphite.
Tipografia
O que a Korbit não é
Uma infraestrutura de pagamentos séria, com disciplina de design. Por isso ficam de fora:
- Templates genéricos de SaaS roxo
- Gradientes em excesso
- Glassmorphism pesado
- Brilho neon
- Estética de cripto
- Raios enormes e pílulas gigantes
- Grades densas de cards
- Fintech cartunesca
- Sombras em excesso
- Identidade escura como padrão
Comece a receber em poucos minutos.
Crie a conta, teste no ambiente de testes e publique o checkout quando estiver pronto.