Pular para conteúdo
Marca2026

Santos Estética

Rebrand editorial completo — de clínica popular a atelier mineral

Cliente
Santos Estética (ex-Solange, Juiz de Fora · MG)
Año
2026
Duración
Phase 1 Brand Identity + Phase 2 Design System + v1.2 LIVE (~3 semanas)
Rol
Branding completo, design system editorial, desenvolvimento, catálogo
01Contexto

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.

02Desafío

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.

03Enfoque

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.

Proceso

Cómo se materializó el proyecto

  1. 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.

  2. 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.

  3. 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.

  4. 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.

Lo que construimos

01

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.

02

6 logos SVG variante

Dark, sand, gold, moss, icon-only, horizontal. Todos otimizados pra uso em papelaria, digital e procedimento.

03

Design system editorial 10 slides

Brand book completo em Figma: cover cinematográfico, logo system, color, typography, shape system, grid, motion, components, applications, essence.

04

Arquitetura tokens 3 camadas

tokens.json v1.2 com primitive (14 cores + 13 spacing + 6 motion) → semantic (Light/Dark modes) → component (mappings por variante).

05

Variante C atelier mineral

Design exploration com 3 variantes; cliente aprovou Variante C (Fraunces italic + IBM Plex Mono, zero CTAs agressivos, pause editorial).

06

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.

Decisiones de diseño

Por qué elegimos cada camino

01 / 03
Tipografia 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 / 03
Cores 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 / 03
Zero 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.

Stack técnico

Next.js 16TypeScriptTailwind CSSFigma VariablesPlayfair Display + DM Sans (v1.1)Fraunces + IBM Plex Mono (v1.2)Vercel

Resultados

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

Lecciones

Lo que llevamos al próximo

  • 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.

¿Quieres un resultado así?

Cuéntanos tu idea. Entregamos propuesta concreta en hasta 24h.

Iniciar conversación