Design System · Casa Baobá

Território
Vivo.

Uma linguagem visual para um lugar onde corpo, cuidado, aprendizagem, cultura, natureza e relações acontecem.

corpo presença natureza cuidado encontro
Versão 0.1 · Setembro de 2026
01 · Conceito

Uma casa viva.

A Casa Baobá é simultaneamente espaço físico, território de encontro, lugar de cuidado, aprendizagem e natureza dentro da cidade.

Sua linguagem visual deve transmitir profundidade sem peso, acolhimento sem infantilização e organicidade sem perder estrutura.


Há profundidade aqui,
mas eu posso entrar.
02 · Princípios

Como a Casa
deve parecer.

Humana

Pessoas antes de serviços. Relações, gestos, corpos presentes e ambientes realmente vividos.

Corporal

Respiração, pele, movimento, ritmo e gesto. Corpo sem objetificação ou erotização gratuita.

Natural

Madeira, jardim, luz, matéria e textura. Natureza como experiência real, não decoração.

Profunda com contorno

A profundidade nasce do espaço, da imagem, da precisão e da composição — não do excesso.

Contemporânea

Orgânico não significa artesanal amador. A Casa também transmite competência e estrutura.

03 · Cor

Matéria,
natureza e calor.

Uma base de neutros quentes, vegetação contida e tons terrosos. A cor deve criar atmosfera, não disputar atenção.

Baobá Creme #F5F0E6
Areia #DDD1BC
Branco Quente #FFFCF7
Verde Baobá #52604A
Verde Musgo #78806A
Terra #8D5946
Argila #B6785D
Carvão #292A27
70% neutros 20% institucional 10% acento
04 · Tipografia

Editorial + funcional.

Source Serif 4 traz humanidade e presença. Source Sans 3 mantém interface e conteúdo claros.

Display · Source Serif 4
Um lugar para sentir,
encontrar e criar.
H1
Corpo, cuidado e presença.
H2
Experiências que acontecem em relação.
Corpo

A Casa Baobá é um espaço de saúde e bem-estar que acolhe diferentes formas de cuidado, aprendizagem e encontro.

Auxiliar
Vila Mariana · São Paulo
05 · Espaço

Respiração visual
é identidade.

8
16
24
32
48
64
80
96
128
06 · Componentes

Simples,
claros e presentes.

Botões
Tags
Experiência Curso Sarau Atendimento Espaço Em breve
Experiência

Cartografia do Sentir

Um percurso de investigação corporal, presença e autonomia.

Conhecer
Programação

Sarau Corpo e Consciência

Corpo, arte, consciência e encontro em uma experiência coletiva.

Ver edição
07 · Fotografia

A Casa sendo vivida.

A fotografia deve mostrar relações, presença, corpo, natureza e espaço — não preencher buracos no layout.

Direção fotográfica

Luz natural. Pele real. Movimento. Matéria.

Priorizar

  • Casa sendo vivida
  • Relações reais
  • Mãos, corpo e movimento
  • Jardim e natureza
  • Arquitetura quando necessária
  • Sombras e texturas reais

Evitar

  • Banco de imagem de wellness
  • Poses genéricas de yoga
  • HDR e excesso de tratamento
  • Erotização gratuita
  • Repetição contínua das salas
08 · Linguagem gráfica

Território,
não decoração.

Linhas, curvas, caminhos e contornos podem sugerir território, corpo e movimento.

Usar com moderação. O grafismo nunca deve competir com conteúdo ou prejudicar legibilidade.

gesto · percurso · contorno
09 · Arquitetura da marca

Uma Casa,
vários universos.

01

Casa Baobá

Institucional. Verde, areia, espaço, natureza e acolhimento.

02

Espaços

Mais arquitetônico e funcional, sem perder calor e humanidade.

03

Cuidado

Humano, tranquilo e direto. Pessoas antes de especialidades.

04

Experiências

Mais corporal, editorial e expressivo.

10 · Produtos

Identidade própria
dentro da mesma Casa.

Cartografia do Sentir

Território corporal.

Pode intensificar mapas, topografia, argila e terracota.

ConsentLab

Relação e espaço entre.

Escolha, proximidade, distância, escuta e conexão.

Sarau Corpo e Consciência

Estrutura fixa, expressão variável.

Tema, imagem e acento podem mudar a cada edição.

11 · Aplicação

Um hero institucional.

Casa Baobá · Vila Mariana

Um espaço para cuidar, sentir e encontrar.

Saúde, bem-estar, experiências e espaços em meio ao verde, na cidade de São Paulo.

12 · Voz

Como a Casa fala.

clara humana presente sensível adulta curiosa precisa
Profunda sem ser pesada.
Ética sem ser burocrática.
Convidativa sem prometer resultado.
Preferir
  • Conheça a experiência.
  • Veja como funciona.
  • Um espaço para...
  • Você poderá experimentar...
  • Consulte disponibilidade.
Evitar
  • Desbloqueie sua potência.
  • Transforme sua vida.
  • Cure seus bloqueios.
  • Entregue-se completamente.
  • Experiência transformadora como promessa.
13 · Interface

Beleza precisa
funcionar.

Acessibilidade

Contraste adequado, foco visível, navegação por teclado, estrutura semântica e imagens com texto alternativo.


Movimento

Transições discretas de 160–300ms, com respeito a prefers-reduced-motion.


Responsividade

O mobile não é uma versão encolhida do desktop. Ritmo, escala e composição precisam funcionar novamente.

14 · Teste de qualidade

Antes de publicar,
perguntar.

  1. Parece Casa Baobá mesmo sem o logo?
  2. Existe espaço suficiente?
  3. O corpo aparece sem ser objetificado?
  4. A natureza aparece sem virar clichê?
  5. A hierarquia visual está clara?
  6. A página parece humana, e não corporativa?
  7. As fotografias realmente acrescentam informação?
  8. Estamos repetindo imagens?
  9. Existe alguma promessa exagerada?
  10. A pessoa sabe claramente o que fazer a seguir?