Clínica estética em Juiz de Fora (MG) em transição de marca: saía do nome Solange (personal da fundadora) pra Santos Estética — reposicionamento pra receber gerações futuras e transmitir seriedade institucional. Fotos antigas eram cotidiano de clínica popular; queriam linguagem de atelier editorial, próxima de revista de arquitetura.
Santos Estética
Rebrand editorial completo — de clínica popular a atelier mineral
- Client
- Santos Estética (ex-Solange, Juiz de Fora · MG)
- Year
- 2026
- Duration
- Phase 1 Brand Identity + Phase 2 Design System + v1.2 LIVE (~3 semanas)
- Role
- Branding completo, design system editorial, desenvolvimento, catálogo
Construir identidade do zero (6 logos, paleta extraída por k-means das fotos reais do espaço, tipografia editorial), design system de 10 slides brand book em Figma, e site Next.js 16 em 3 semanas — tudo alinhado pra a fundadora Solange se reconhecer, sem perder memória da clínica anterior.
Phase 1 Brand Identity: k-means nas fotos reais pra extrair palette mineral (areia, carvão, latão queimado), 6 logos SVG (dark/sand/gold/moss/icon/horizontal), Playfair Display + DM Sans. Phase 2 DS v1.1 Editorial: 10 slides SECTIONs no Figma, arquitetura 3 camadas (primitive+semantic+component). v1.2 site Next.js com Variante C atelier mineral (Fraunces + IBM Plex Mono), 5 serviços alinhados Solange, catálogo WhatsApp 6 peças.
Process
How the project came together
- 01 · BRIEFING FACTUAL
Entrevista com a Solange (Q1–Q31)
31 perguntas em áudio sobre história, equipe, procedimentos e voz da clínica. 11 correções factuais saíram dessa rodada — fundação em 2001 (não 2014), trio Solange + Fabiana + filha (não solo), mural adesivo (não tinta), peeling ativo no portfólio. Tudo o que veio depois nasceu desse briefing.
- 02 · IDENTIDADE
Cores tiradas do próprio espaço, logos e tipografia editorial
As cores foram extraídas das fotos do espaço físico da clínica — pergaminho mineral, carvão tinta, latão queimado. Logos foram desenhados em seis variações pra cobrir todos os usos (papel, digital, dentro de procedimento). A tipografia foi testada em três direções diferentes antes de fechar a escolha — a clínica viu cada caminho antes de aprovar.
- 03 · LIVRO DE MARCA
Brand book editorial em dez páginas
O livro de marca cobriu cores, tipografia, formas, grade, animação, componentes, aplicações e essência da identidade. Foi desenhado pra escalar pro site sem retrabalho — quando o site começou a ser construído, cada decisão visual já estava definida e documentada. Quem assumir o trabalho depois encontra a régua pronta.
- 04 · SITE + WHATSAPP
Site no ar e catálogo WhatsApp prontos pra atender
O site da Santos saiu com tipografia editorial, cinco serviços alinhados ao portfólio real da Solange e zero botão agressivo — cada seção convida a ler antes de clicar. Em paralelo, o catálogo de WhatsApp Business com seis peças de procedimento entrou em uso. Atendimento passou a ter material visual e estrutura, em vez de mensagem solta.
What we built
Palette k-means das fotos reais
Extração algorítmica das cores dominantes das fotos do espaço físico: pergaminho mineral #E8DFD2, carvão tinta #111412, latão queimado #8C6A3B.
6 logos SVG variante
Dark, sand, gold, moss, icon-only, horizontal. Todos otimizados pra uso em papelaria, digital e procedimento.
Design system editorial 10 slides
Brand book completo em Figma: cover cinematográfico, logo system, color, typography, shape system, grid, motion, components, applications, essence.
Arquitetura tokens 3 camadas
tokens.json v1.2 com primitive (14 cores + 13 spacing + 6 motion) → semantic (Light/Dark modes) → component (mappings por variante).
Variante C atelier mineral
Design exploration com 3 variantes; cliente aprovou Variante C (Fraunces italic + IBM Plex Mono, zero CTAs agressivos, pause editorial).
Catálogo WhatsApp 6 peças
Catálogo de procedimentos em WhatsApp Business, 6 serviços alinhados com portfólio real da Solange, sem inventar nada.
Design decisions
Why we chose each path
- 01 / 03Tipografia editorial autoral em vez de fonte de blog elegante
- A clínica precisava parecer revista de arquitetura, não portal de beleza. A escolha tipográfica foi feita pra entregar voz própria — contraste editorial, italic com personalidade, mono nos rótulos marcando tom de atelier. Isso afasta a marca de qualquer comparação com clínica popular ou franquia de cosmético.
- 02 / 03Cores tiradas do próprio espaço, em vez de paleta arbitrária
- Em vez de paleta baseada em humor ou tendência, extraímos as cores dominantes das fotografias do próprio espaço físico. Saíram naturalmente: pergaminho mineral, carvão tinta, latão queimado. A marca já estava lá no espaço — só precisava ser nomeada e organizada.
- 03 / 03Zero botão agressivo na home, em vez de CTA gritando
- Atelier não vende com botão amarelo gigante. Cada seção tem pause editorial, link discreto ou âncora pra próxima leitura. O contato existe e está acessível, mas a página convida a ler antes de clicar. Foi exatamente por isso que a direção visual aprovada ganhou — equivale ao tom da clínica no atendimento real.
Tech stack
Results
- Status
- LIVE em esteticasantos.studiomosaiko.com (esteticasantos.com.br em registro)
- Milestones
- Phase 1 + Phase 2 + v1.2 shipped em 3 semanas
- Paleta
- Extraída k-means das fotos reais da clínica
Lessons
What we take to the next one
Entrevista de fatos antes de qualquer peça visual
Onze correções factuais vieram de uma única entrevista com a fundadora. Datas, número de pessoas que trabalham na clínica, tipos de procedimento — fatos que parecem detalhe mas mudam a comunicação inteira. Hoje, entrevista factual virou etapa obrigatória antes do primeiro desenho começar.
Aprovar uma peça por vez, sem juntar tudo num lote
Lote grande pra aprovação degrada qualidade. Cliente cansa, aprova no automático, percebe o erro depois e retrabalha. Logo, depois cores, depois tipografia, depois livro de marca, depois site — peça a peça, com aprovação dedicada. Mais lento na sensação, mais rápido no total e com menos refação.
WhatsApp paga o site antes do site ficar perfeito
Negócio pequeno precisa do canal de venda mais que do portal. O site fica como autoridade, o catálogo de WhatsApp como caminho de venda direto. As seis peças do catálogo entraram em uso antes da home estar polida — e foi o catálogo que fechou venda na primeira semana, não a home.
Where to explore
Want a result like this?
Tell us your idea. We deliver a concrete proposal within 24h.
Start conversation