Cuidar com amor é o primeiro passo para evoluir.

O sistema visual da Um Passo Clínica Multidisciplinar: cores, tipografia, logo, mascote e componentes, do jeitinho que acolhe cada família.

Mascote Um Passo
16Seções
8Cores da marca
FredokaTipografia
3Unidades · PE
Manifesto & Princípios

O que move a Um Passo?

Antes de cores e fontes, vem o propósito: acolher cada família e celebrar cada evolução, no tempo de cada criança.

Um espaço criado por quem entende e vive de perto os desafios do seu filho.
Cuidar com amor é o primeiro passo para evoluir. Superando obstáculos. Quando o cuidado transforma histórias.
Humano

Atendimento acolhedor que enxerga a criança e a família inteira.

Multidisciplinar

Todas as especialidades juntas, num só lugar, com método personalizado.

Evolutivo

Cada passo conta, respeitando o ritmo e celebrando a conquista.

Identidade cromática

As cores que acolhem

O cyan é o protagonista: alegre, aberto, confiável. Em torno dele giram os tons de confete (amarelo, vermelho, verde e magenta) que dão o lado lúdico da marca. Para texto, sempre azul profundo ou o azul escuro de interface, garantindo leitura calma e bom contraste.

Cyan · Primária
#00AFF0
RGB 0 175 240  ·  CMYK 100 27 0 6  ·  Pantone 2995 C
Azul Profundo · Apoio
#1E3B8F
RGB 30 59 143  ·  CMYK 79 59 0 44  ·  Pantone 2756 C
Paleta oficial · códigos do manual de marca
#FFBC00
Amarelo
RGB 255 188 0
CMYK 0 26 100 0Pantone 7549 C
#E5282C
Vermelho
RGB 229 40 44
CMYK 0 83 81 10Pantone 485 C
#36A140
Verde
RGB 54 161 64
CMYK 66 0 60 37Pantone 354 C
#AD0E7F
Magenta
RGB 173 14 127
CMYK 0 92 27 32Pantone 241 C
#7A7A7A
Cinza
RGB 122 122 122
CMYK 0 0 0 52Pantone Cool Gray 9 C
#FFFFFF
Branco
RGB 255 255 255
CMYK 0 0 0 0Pantone Bright White
Tokens de interface · derivados para tela

Tons de trabalho do design system para texto e fundos, derivados da paleta oficial. Não substituem as cores de marca.

Azul Escuro
#0E2E46
Texto principal (derivado do azul)
Soft
#F2FBFF
Fundo de seção
Cyan Soft
#E6F7FF
Realces · chips
Tipografia

Fredoka: redonda e acolhedora

Uma só família, arredondada e amigável, que conversa com o traço do logo. Pesos 300 a 700. Fallback: Segoe UI, system-ui.

DisplayEvoluir, um passo de cada vez≈ 58px · 600
Heading 1Cuidado humanizado≈ 42px · 600
Heading 2Equipe multidisciplinar28px · 500
Heading 3Métodos personalizados20px · 500
CorpoUm espaço criado por quem entende e vive de perto os desafios do seu filho, onde cada conquista é celebrada.16px · 300 · 1.7
Label / OverlineSuperando obstáculos11.5px · 600 · 0.18em
Componentes

Peças arredondadas e macias

Cantos generosos, sombras suaves e botões em pílula: o estilo claymorphism, lúdico e tátil, recomendado para o universo infantil.

Botões
Chips / Especialidades
ABA Fonoaudiologia Psicologia Terapia Ocupacional
Campo de formulário
Cartão de destaque

Quando o cuidado transforma histórias

Bloco cyan com texto branco: o padrão dos destaques da marca.

Iconografia

Ícones redondos e amigáveis

Traço de linha com pontas arredondadas, sempre em azul profundo sobre fundo claro. Um ícone para cada especialidade: leves, claros, nunca técnicos demais.

Cuidado
ABA
Psicologia
Fonoaudiologia
Fisioterapia
Terapia Ocup.
Equoterapia
Musicoterapia
Arteterapia
Nutrição
Família
Estilo: linha · 2px · pontas arredondadas Cor: #1E3B8F (ou branco sobre cyan) Biblioteca base: Lucide
Grid, Espaçamento & Forma

Estrutura que respira

Container central de até 1180px, grade flexível de 12 colunas e quatro pontos de quebra, mobile-first. A escala base de 4px e os cantos generosos dão a sensação tátil e acolhedora: quanto maior o elemento, mais arredondado.

Pontos de quebra
375pxMobile
768pxTablet
1024pxLaptop
1440pxDesktop
Grade de 12 colunas
Escala de espaçamento · base 4
4px
8px
16px
24px
32px
48px
64px
Raio de borda
14px
22px
30px
pill
A marca viva

Gente de verdade, cuidado de verdade

A fotografia da marca é luminosa, afetuosa e real: crianças sorrindo, ambientes acolhedores, halos cyan. É o que dá calor humano ao sistema.

Criança sorrindo Criança sorrindo Criança sorrindo
Os espaços que acolhem
Unidade Boa Viagem Unidade Jaboatão
Tom de voz

Como a Um Passo fala?

Acolhedor e humano, falando direto com pais e responsáveis. Profissional sem ser frio, esperançoso sem prometer milagre. Cada palavra transmite cuidado e segurança.

A gente fala assim

  • 💙 Acolhedor, empático, próximo
  • 🌱 Esperança e evolução gradual:“um passo de cada vez”
  • 👪 Inclui a família na jornada
  • ⏳ Respeita o tempo de cada criança
  • ✨ Celebra cada conquista, por menor que seja

A gente evita

  • 🚫 Promessas: “cura”, “garantido”, “100%”
  • 🚫 Superlativos: “a melhor”, “única”
  • 🚫 Jargão clínico frio e distante
  • 🚫 Urgência agressiva e sensacionalismo
  • 🚫 Tom que assusta ou culpa os pais
Vocabulário da marca
CuidarEvoluirPasso DesenvolvimentoMultidisciplinarHumanizado AcolhimentoPersonalizadoFamíliaConquista
Aplicações

A marca na vida real

Como tudo se junta: post, carteirinha e story. Cyan protagonista, logo branca nos fundos coloridos, mascote e cantos macios.

Um Passo

Cada conquista é um passo.

Post · Instagram feed
Um PassoCarteirinha
Mascote
AssistidoMaria Clara S.
EspecialidadeFonoaudiologia · ABA
UnidadeBoa Viagem · Recife
Carteirinha do assistido
Um Passo

Agende uma avaliação

Vamos começar →
Story · chamada
Acessibilidade & Contraste

Bonito e legível pra todos

Contraste real (WCAG) das combinações da marca. Regra: texto sempre em azul escuro ou azul profundo. O cyan é lindo, mas branco sobre cyan só vale pra título grande/decorativo.

Azul Escuro
Azul Escuro em Branco · corpo de texto 14:1AAA
Botão
Azul Escuro em Amarelo · botão CTA 8.8:1AAA
Branco
Branco em Azul profundo · botões e blocos 10:1AAA
Link azul
Azul profundo em Branco · títulos e links 10:1AAA
Branco
Branco em Cyan · só display grande / decorativo 2.4:1⚠ Cuidado
Texto mínimo: 14px corpo · 16px ideal Foco visível: anel cyan 4px em todo elemento clicável Toque: alvo mínimo 44×44px
Direção de fotografia

Luz, sorriso e verdade

Fotos reais e luminosas, crianças e famílias em momentos genuínos. Halos cyan, fundos limpos, expressão de acolhimento, nunca banco de imagem genérico ou clínico e frio.

Criança
✓ FaçaSorriso real, luz natural, halo cyan, enquadramento próximo
Criança
✓ FaçaCriança como protagonista, fundo limpo e claro
Criança
✓ FaçaExpressão genuína, cores quentes e vivas
✗ Evite: imagens de banco genéricas ✗ Evite: ambiente hospitalar frio ✗ Evite: filtros escuros ou dessaturados ✗ Evite: rostos sem consentimento de imagem
Papelaria & Digital

A marca no dia a dia

Assinatura de e-mail e capa de apresentação: os pontos de contato mais frequentes, sempre coerentes com o sistema.

Assinatura de e-mail
Um Passo
Cynthia Oliveira
Coordenação Clínica
comercial@umpasso.onmicrosoft.com
umpassoterapia.com.br
Capa de apresentação
Um Passo

Cuidar com amor é o primeiro passo.

Padrões & Texturas

As texturas da alegria

Os confetes e curvas são a assinatura lúdica da marca. Use sobre cyan em destaques; sutil em fundos claros. Nunca poluindo o texto.

Confete cyan · hero
Curvas suaves · fundo claro
Poá cyan · realce
Azul sólido · blocos
Motion & Animação

Movimento gentil

Transições suaves e brincalhonas, nunca bruscas. Duração 200–400ms, easing cubic-bezier(.16,1,.3,1). Sempre respeitando prefers-reduced-motion.

FloatMascote · elementos lúdicos
PulseDestaques · notificações
SpinLoading · espera
RevealEntrada suave ao rolar (fade + subida)
Dados institucionais

Onde a gente cuida?

Três unidades em Pernambuco, atendimento de segunda a sexta. Informações oficiais para qualquer material.

Recife · Boa Viagem

R. João Dias Martins, 66E
Boa Viagem, Recife – PE

Seg–Sex · 8h às 18h

Jaboatão dos Guararapes

Rua Alice de Azevedo, 119
Centro, Jaboatão – PE

Seg–Sex · 8h às 18h

Vitória de Santo Antão

Rua Governador Paulo Guerra, 56
Livramento, Vitória de Santo Antão – PE

Seg–Sex 8h–18h · Sáb 8h–12h

Fale com a gente

(81) 9 8394-2795
comercial@umpasso.onmicrosoft.com

@umpassope · umpassoterapia.com.br