01
Feminilidade
Formas suaves, espaços que respiram e uma paleta de roxo acolhedora. Sem estereótipos — força em delicadeza.
● Design System · v1.0
Simples.
Organizado.
Yoube.
A linguagem visual que dá identidade aos canais, conteúdos e produtos da Yoube — pensada para mulheres empreendedoras dos segmentos de beleza e estética.
Essência da marca
Três pilares guiam tudo que fazemos.
A Yoube nasceu para simplificar a rotina de quem empreende com beleza. Cada decisão de design começa por estes três valores.
02
Simplicidade
Menos é mais. Hierarquias claras, tipografia limpa e interfaces que tiram fricção, não a adicionam.
03
Confiança
Um SaaS que cabe na rotina. Tom direto, dados visíveis e fluxos previsíveis — para empreender com tranquilidade.
Identidade · Logotipo
O logo é nosso ativo mais protegido.
Três aplicações oficiais — wordmark, lockup e símbolo. Respeite a margem mínima de 1× a altura do símbolo em todos os lados.
Lockup horizontal — primária
Wordmark — inversa
Símbolo
Tamanhos mínimos
Para web, e-mail e impressos
Para títulos e assinaturas
Favicon, app icon, avatares
Usos incorretos
O que não fazer com o logotipo.
Não altere as cores do logotipo.
yoube
Não altere as fontes do logotipo.
Não rotacione ou deforme o logotipo.
PLATAFORMA · GESTÃO · BELEZA
Não adicione informações próximas ao logotipo.
Foundations · Cor
Roxo é o coração da Yoube.
Escala completa do roxo Yoube + neutros frios para hierarquia + semânticas para feedback. A cor primária #7F6CFF aparece como assinatura — generosa em backgrounds, pontual em CTAs.
Yoube Purple
Cor primária da marca
Neutros
Texto, bordas, fundos
Cores semânticas
Sucesso
#00D670
Confirmações, agendamentos pagos
Atenção
#FFDA00
Avisos, pendências leves
Erro
#FF3A3A
Falhas, cancelamentos
Informação
#2D8CFF
Dicas, links externos
Foundations · Tipografia
Plus Jakarta Sans — uma só família, toda a hierarquia.
Geométrica humanista, com terminações abertas. Combina com a curvatura do logo e funciona bem do display ao corpo de texto.
Aa
Aa
Aa
Aa
Escala
Simples.
Agendamentos em poucos toques
Sua agenda, sua vitrine
Clientes que voltam sempre
Métricas que importam para o seu salão
Organize agenda, finanças e fidelização em um único lugar. Sem planilhas, sem retrabalho — só você no que faz de melhor.
Acompanhe entradas, despesas e fluxo de caixa em tempo real. A Yoube cuida das contas para você cuidar do salão.
Aplicado em legendas, captions e textos secundários no produto.
● Eyebrow · Categoria · Seção
Foundations · Iconografia
Linhas leves, cantos arredondados.
Estilo outline · stroke 1.5px · cap & join round · grid 24×24. Padronize com a biblioteca Lucide ou Phosphor (regular).
Containers de ícone
Foundations · Espaçamento
Base 4 — múltiplos consistentes em todo lugar.
Foundations · Cantos & sombras
Cantos suaves, sombras roxas.
Raios
Elevação
Componentes · Botões
Botões — pill-shape, hierarquia clara.
Variantes
Tamanhos
Com ícone
Componentes · Formulários
Inputs claros, foco roxo.
Campo de texto
Usado para recuperação de senha.
A senha precisa ter pelo menos 8 caracteres.
Controles
Notificações por WhatsApp
Mostrar avaliações públicas
Componentes · Cards
Cards modulares.
Mensagens automáticas
Confirmações, lembretes e pós-atendimento direto no WhatsApp das clientes.
Configurar →
FATURAMENTO · NOVEMBRO
R$ 24.380
+18% vs. outubro
MR
Marina Rocha
Cliente desde 2024
Coloração
Escova
Hidratação
Próximo
14 nov, 14h
Total gasto
R$ 1.840
Componentes · Badges & Tags
Sinalizações curtas.
Badges (status)
Yoube Pro
Confirmado
Pendente
Cancelado
Em análise
Rascunho
Tags (categoria)
Cabelo
Unhas
Maquiagem
Estética facial
Sobrancelhas
+ 3
Componentes · Avatares
Avatares — círculos generosos.
Tamanhos
YB
YB
YB
YB
YB
YB
Variantes de cor
MR
JS
AL
PC
RB
YB
Stack (clientes em grupo)
MR
JS
AL
PC
+8
Componentes · Navegação
Header, tabs e sidebar.
Componentes · Tabela
Listas e tabelas.
Próximos atendimentos
| Cliente | Serviço | Horário | Valor | Status |
|---|---|---|---|---|
MRMarina Rocha |
Coloração + escova | 14h00 — 16h30 | R$ 320 | Confirmado |
JSJúlia Santos |
Manicure | 15h30 — 16h30 | R$ 80 | Pendente |
ALAna Lima |
Design de sobrancelha | 17h00 — 17h45 | R$ 65 | Confirmado |
PCPatrícia Cunha |
Limpeza de pele | 18h00 — 19h30 | R$ 220 | Cancelado |
Componentes · Feedback
Alertas, modais e empty states.
Alertas inline
Agendamento confirmadoMarina recebeu a confirmação no WhatsApp.
Pagamento pendenteA cliente ainda não pagou o sinal do serviço.
Horário indisponívelJá existe outro atendimento nesse intervalo.
DicaAdicione fotos dos serviços para aumentar conversão.
Modal
Cancelar este agendamento?
Marina será notificada automaticamente pelo WhatsApp e o horário ficará livre para outra cliente.
Empty state
Nenhum agendamento hoje
Comece criando um novo atendimento ou compartilhe seu link público para receber agendamentos automáticos.
Componentes · Calendário
Date picker.
Novembro 2026
Estados
14 Padrão
14 Hoje
14 Selecionado
14 Com agendamentos
14 Fora do mês
Aplicações · Stories
Stories — 1080×1920.
Quatro tratamentos: gradiente primário, lilás liso, dark com acento e light editorial.
yoube.appNovidades
de novembro.
Veja mais →
yoube.app"A Yoube mudou minha rotina."
— Marina, Salão Vivá
yoube.app14d
de teste grátis para você experimentar tudo.
Começar agora
yoube.appDica rápida
Mensagens automáticas no WhatsApp reduzem 60% das faltas.
Saiba como
Aplicações · Web
Site institucional — hero.
Template aplicado: header limpo, headline grande com destaque em roxo, prova social abaixo e visual quente à direita.
yoube.com.br
Novo · App mobile disponível
A plataforma que simplifica a rotina de quem empreende com beleza.
Agenda, clientes, financeiro e marketing — tudo em um lugar só. Feito para profissionais autônomas, salões e clínicas de estética.
+12kprofissionais ativas
4,9★avaliação média
R$ 50Mmovimentados/mês
Aplicações · Produto
Dashboard — sistema aplicado.
Demonstração de como tokens, componentes e layout se combinam em uma tela real.
app.yoube.com.br/agenda
Bom dia, Marina ✨
FATURADO HOJE
R$ 1.480
↑ 12% vs. ontem
ATENDIMENTOS
6
4 confirmados
TICKET MÉDIO
R$ 246
↓ 4%
NOVAS CLIENTES
2
Esta semana
Hoje · 14 de novembro
| Cliente | Serviço | Horário | Valor | Status |
|---|---|---|---|---|
MRMarina Rocha |
Coloração + escova | 14h00 | R$ 320 | Confirmado |
JSJúlia Santos |
Manicure | 15h30 | R$ 80 | Pendente |
ALAna Lima |
Design de sobrancelha | 17h00 | R$ 65 | Confirmado |
Aplicações · Voz & tom
Como a Yoube fala.
Próxima sem ser íntima demais. Direta sem ser fria. Como uma colega de profissão que te entende.
✓ Diga assim
"Sua agenda de hoje está pronta."
Direto, presente, gentil.
✕ Evite
"Conforme solicitado, segue a agenda referente ao dia de hoje."
Distante, corporativo, frio.
✓ Diga assim
"Bora colocar isso no seu calendário?"
Convite, parceria, leveza.
✕ Evite
"Clique aqui para agendar."
Mecânico, sem personalidade.
✓ Diga assim
"+18% no seu faturamento — você arrasou em outubro."
Reconhece, celebra, é específico.
✕ Evite
"Variação positiva detectada no período mensal."
Robótico, técnico, distante.
Aplicações · Social media
Posts de feed — 1080×1080.
Três variantes de fundo (roxo, dark e light). Sempre com símbolo no canto, título grande e bordas generosas.
Agenda lotada
sem dor de cabeça.
Sua vitrine
na palma da mão.
+ tempo para
você criar.
Carrossel — 3 telas
3 passos para
organizar sua
agenda hoje.
Cadastre os serviços e preços
Pronta para começar?