Manual de Marca Completo · 2026

Criamos lugares, habitamos ideias.

Este manual reúne as decisões que dão forma à MAYACAMPANA. A primeira parte explica de onde a marca vem, no que ela acredita e o que ela promete. A segunda mostra como ela aparece e como fala. A última trata dos momentos em que alguém encontra a empresa e de como essas regras se mantêm com o tempo.

Na dúvida, o site é a referência. Ele foi a primeira peça feita com este sistema completo.

Baixar arquivos da marca
Como usar

Por onde começar.

O documento segue uma ordem: contexto, essência, posicionamento, expressão, experiência e gestão. Quem precisa só de uma parte pode começar por ela.

QuemOnde começar
Fundadores e equipeO documento inteiro
Imobiliárias parceirasDe onde a gente vem · Essência · Marca e empreendimentos · Identidade verbal
Agências, designers e desenvolvedoresMarca e empreendimentos · Expressão · Design system · Pontos de contato
Gráficas e fornecedores de obraLogotipo · Cores · Pontos de contato
Parte 1

Contexto

De onde a marca vem e com quem ela fala.

De onde a gente vem

A arquitetura veio antes.

A MAYACAMPANA é uma incorporadora em Garopaba. A gente escolhe o terreno, projeta, constrói e entrega empreendimentos residenciais.

A empresa começou como escritório de arquitetura, a Manifesto Arquitetura. Durante anos, a gente projetou para outras pessoas. Quando passou a incorporar, mudou de nome e manteve o jeito de decidir. Hoje a gente projeta apenas os próprios empreendimentos.

A marca leva os sobrenomes dos sócios, Rodrigo e Luísa. Quem assina responde pelas decisões.

A gente mora em Garopaba e trabalha aqui. O vento, a maresia, a luz de cada estação e o ritmo da cidade entram no projeto como dado de trabalho, conhecido de perto. Os empreendimentos podem ser casas ou edifícios. O tipo depende do terreno.

O que a gente faz

  1. 01
    TerrenoA gente lê o lugar antes de comprar: sol, vento, declividade, rua e vizinhança.
  2. 02
    ProjetoImplantação e planta definem privacidade, circulação e convívio.
  3. 03
    ObraQuem desenhou acompanha o canteiro.
  4. 04
    EntregaA gente pensa no uso, na manutenção e no que continua bom com o tempo.
Parte 2

Essência

Por que a marca existe e o que orienta cada decisão.

Essência

O que a gente constrói não termina na venda.

A essência é a parte da marca que continua igual quando muda o terreno, o tipo de empreendimento, a equipe ou o mercado. Aqui estão as razões da MAYACAMPANA existir, o compromisso que ela assume com o próprio trabalho e os princípios que orientam cada decisão.

PropósitoPor que a gente existe

Construir lugares que continuem fazendo sentido depois da entrega, para quem mora e para a cidade.

MissãoO compromisso de cada dia

Desenvolver empreendimentos residenciais em que cada decisão, do terreno à entrega, tenha um motivo que a gente saiba explicar.

Crenças

  • O que a gente constrói não termina na venda.Continua na luz que entra, no vento que atravessa, no material que envelhece e na rotina de quem mora.
  • A conta importa, mas não decide tudo sozinha.Quanto cabe no terreno, quanto custa construir e quanto o mercado absorve são perguntas necessárias. Nenhuma delas deveria responder pelas outras.
  • O lugar vem antes do produto.Um terreno tem sol, vento, vizinhos e escala. O empreendimento começa por eles.
  • Quem assina responde.Uma marca com sobrenome tem gente por trás de cada escolha.

Valores

ValorO que significaComo aparece nas decisões
CritérioDecidir com motivo e saber dizer o motivoCada escolha de implantação, planta e material tem uma razão que cabe numa frase. Se a única razão é "o mercado pede", a escolha volta para a mesa.
AutoriaAssinar o que fazOs sócios aparecem, acompanham a obra e respondem pelo resultado. O empreendimento entregue leva a assinatura discreta da marca.
CuidadoAtenção prática ao que acontece depoisMaterial escolhido pela manutenção possível no clima daqui. O projeto considera o uso em dez anos, não só a primeira visita.
ClarezaExplicar até o outro conseguir repetirSe a imobiliária não consegue repetir o argumento, a marca refaz o argumento. Informação comercial sempre com dado verificado.

Identidade central

O que não muda, em nenhum empreendimento.

  1. 1
    A arquitetura decide primeiro.O projeto entra antes da venda e orienta o produto.
  2. 2
    Quem decide responde.Os sobrenomes na marca são um compromisso pessoal dos sócios.
  3. 3
    O lugar é ponto de partida.Cada empreendimento começa pela leitura do terreno.
Na prática

Um terreno chega com potencial para mais unidades do que o projeto pede. A conta favorece apertar. Antes, a crença e o valor obrigam a responder uma pergunta: o que se perde em luz, privacidade e uso com cada unidade a mais? A resposta pode até manter as unidades. O que não pode é a pergunta deixar de ser feita.

Manifesto

Um empreendimento pode nascer de muitas perguntas.
Quanto cabe no terreno. Quanto custa construir. Quanto o mercado absorve.

Todas importam. Nenhuma delas deveria decidir tudo sozinha.

Porque o que a gente constrói não termina na venda.
Continua na luz que entra, no vento que atravessa,
no material que envelhece, na escala que acolhe.
Continua na rotina de quem mora.

A gente é arquiteto. Foi daí que tudo começou.
Hoje a gente escolhe o terreno, desenvolve, constrói e entrega,
e a decisão de projeto vem antes da decisão de venda.

Criamos lugares, habitamos ideias.

Parte 3

Posicionamento

O que a marca promete, a quem e com que personalidade.

Personalidade

Próxima e precisa.

Se a MAYACAMPANA fosse uma pessoa, seria alguém que você chamaria para olhar um terreno com você. Conversa sem cerimônia e sabe do que está falando. A personalidade orienta como a marca escreve, e também como atende, apresenta, negocia e responde quando algo dá errado.

Próxima

Fala de perto, em primeira pessoa, como numa conversa.

Como aparece
"A gente", "quer falar com a gente?", os sócios com nome e rosto.
Como se comporta
Atende pelo nome, responde no canal em que a pessoa chamou, apresenta quem vai cuidar do assunto.
Como fala
Frase curta, tom de conversa, sem jargão de mercado.
Evita
Intimidade forçada, gíria, emoji em excesso, "querido cliente".

Precisa

Carrega a autoridade técnica de quem projeta.

Como aparece
Dado no lugar de adjetivo, medida, orientação solar, material com motivo.
Como se comporta
Responde pergunta técnica com a resposta técnica e traduz quando precisa.
Como fala
Número, decisão, consequência.
Evita
Jargão sem tradução, exibição de conhecimento, vocabulário de memorial em peça de venda.

Franca

Diz o que sabe, o que não sabe e o que ainda não está decidido.

Como aparece
"Imagem ilustrativa" sempre marcada, nenhum dado sem confirmação.
Como se comporta
Diante de uma pergunta sem resposta, diz que vai verificar e volta com a resposta.
Como fala
Afirma só o que pode provar.
Evita
Promessa de prazo, valorização ou acabamento que não esteja confirmada.

Sóbria

Segura, sem precisar de alarde.

Como aparece
Pouco texto, muito respiro, laranja como pulso.
Como se comporta
Não inflama expectativa nem pressiona a compra.
Como fala
Sem exclamação, sem superlativo, sem urgência fabricada.
Evita
"Últimas unidades", "oportunidade única", ostentação.

O equilíbrio

Proximidade demaisEquilíbrioPrecisão demais
"Oi, tudo bem? Vem conhecer nosso cantinho na praia!""Quer conhecer o TRIO? A gente te mostra o terreno e explica a implantação.""Implantação com afastamentos laterais conforme o plano diretor e orientação NNE."
Na prática

Um comprador pergunta no WhatsApp se a cobertura vem pronta para uso. A resposta próxima e precisa diz exatamente o que é entregue e o que fica por conta do morador, em tom de conversa. A resposta franca não arredonda para "sim" para não perder a venda.

Marca e empreendimentos

Cada empreendimento tem nome. Todos têm a mesma assinatura.

A MAYACAMPANA é a marca que dá garantia. Cada empreendimento tem nome próprio, conversa com o seu comprador e tem vida curta: nasce no lançamento e termina na última entrega. O nome da incorporadora continua de um empreendimento para o outro e acumula o que cada um prova.

O modelo

O empreendimento lidera e a MAYACAMPANA endossa. Quem vê a placa de lançamento ou o book lê primeiro o nome do empreendimento e depois a assinatura.

O endosso transfere para o empreendimento a credibilidade da origem em arquitetura e dos sócios que respondem por ele. No caminho de volta, cada empreendimento entregue vira evidência para o próximo.

TRIO

Casas em Garopaba

Empreendimento por MAYACAMPANA Incorporadora

Quem lidera em cada peça

PeçaLideraAparece como apoio
Site institucional, Instagram, papelariaMAYACAMPANAEmpreendimentos como cards
Placa de marca (terreno recém-comprado)MAYACAMPANANenhum empreendimento ainda
Placa de lançamento, book, landing pageEmpreendimento"Empreendimento por MAYACAMPANA Incorporadora"
Material da imobiliáriaEmpreendimentoAssinatura MAYACAMPANA e marca da imobiliária num canto

Fixo em todo empreendimento

  • Assinatura "Empreendimento por MAYACAMPANA Incorporadora".
  • Paleta e tipografias da marca.
  • Vocabulário e palavras proibidas.
  • Descrição que começa pelo que atrai, com dado.
  • Nota "imagem ilustrativa" em todo 3D.
  • Site e Instagram da MAYACAMPANA só no fechamento das peças.

Livre em cada empreendimento

  • Nome.
  • Desenho do nome dentro do sistema tipográfico.
  • Ênfase dentro da paleta: mais claro ou mais escuro.
  • Narrativa do lugar e conceito do produto.
  • Recorte fotográfico.
  • Peças específicas do produto.

Como nomear

  • Curto e fácil de dizer em voz alta.
  • Sem palavra da lista proibida e sem termo estrangeiro de marketing imobiliário.
  • Sem promessa que o produto não cumpre. O TRIO perdeu o complemento "Sunset" porque os terraços não são voltados para o poente.

O TRIO como exemplo

O nome conta o produto: três casas. A assinatura segue a regra. A descrição começa pelo lugar.

Algumas decisões do TRIO valem só para ele. A forma de apresentar a cobertura responde a uma restrição legal daquele terreno e não vira regra para outros lançamentos. Cada empreendimento confere as próprias restrições com o responsável técnico antes de escrever.

Na prática

Um novo lançamento quer usar um tom de verde fora da paleta para se diferenciar do TRIO. A regra diz não: a diferença vem do nome, da narrativa e da imagem. A paleta é o que faz alguém reconhecer que os dois são da mesma incorporadora.

Parte 4

Expressão

Como a marca aparece e como ela fala.

Nome e assinatura

Um nome, escrito de um jeito.

MAYACAMPANA se escreve junto, em caixa alta, sem espaço e sem hífen. Em texto corrido também.

CertoErrado
MAYACAMPANAMaya Campana · MayaCampana · Maya-Campana · Mayacampana
MAYACAMPANA IncorporadoraConstrutora MAYACAMPANA · Grupo MAYACAMPANA
a MAYACAMPANAo MAYACAMPANA
  • Descritor oficial: Incorporadora.
  • Conceito: Criamos lugares, habitamos ideias. Assina peças institucionais, abertura e fecho. Não precisa aparecer em todas as peças.
  • Garopaba entra em texto descritivo, título de página e busca ("Incorporadora em Garopaba"). Nunca dentro da assinatura gráfica da marca.
  • Antiga marca: "Antes Manifesto Arquitetura" só em contextos de transição, como site, perguntas frequentes e apresentações. A Manifesto não divide assinatura com a MAYACAMPANA.
Como a gente fala

A gente fala como quem projeta.

A MAYACAMPANA fala em primeira pessoa e de perto, como numa conversa de obra. A frase é curta. Cada afirmação vem com o motivo ou com a decisão que a sustenta.

  • Primeira pessoa."A gente faz", "a gente decide", "quer falar com a gente?". A marca não fala de si na terceira pessoa.
  • Decisão no lugar de adjetivo.Se a frase serve para qualquer incorporadora, reescrever.
  • Um argumento por bloco.O que já foi dito não volta com outras palavras.
  • Concreto.Luz, vento, terreno, distância a pé, número de dormitórios. Dado real antes de promessa.

Antes e depois

EvitarEscrever
Acabamento de alto padrão.Materiais escolhidos para durar com a maresia daqui.
Um empreendimento exclusivo em harmonia com a natureza.Três casas a uma caminhada da praia e do centro.
Entre em contato.Quer falar com a gente?
Conheça nosso portfólio.Olha o que a gente já fez.
Saiba mais sobre o empreendimento.Quer conhecer?
Pensado nos mínimos detalhes.A janela do quarto fica de lado para a rua. Privacidade sem cortina fechada.
Vocabulário

Palavras da casa.

Algumas palavras sustentam a marca. Outras só entram quando a frase mostra de onde elas vêm. E há as que ficam de fora.

Usar

  • habitar
  • lugar
  • terreno
  • ideia
  • critério
  • decisão
  • matéria
  • escala
  • luz
  • vento
  • planta
  • obra
  • entrega
  • uso
  • rotina
  • privacidade
  • cuidado

Só com prova junto

  • conforto
  • qualidade
  • design
  • contemporâneo
  • autoral

"Conforto" só entra se a frase disser de onde ele vem: ventilação cruzada, isolamento acústico, sol da manhã no quarto.

Não usar

  • sonho
  • luxo
  • premium
  • requinte
  • paraíso
  • refúgio
  • exclusivo
  • alto padrão
  • qualidade de vida
  • experiência única
  • empreendimento diferenciado
  • novo conceito de morar
  • pensado nos mínimos detalhes

Frases da marca

  • Criamos lugares, habitamos ideias.
  • Arquitetos que incorporam.
  • Incorporar é decidir.
  • A gente decide antes de vender.
  • A arquitetura veio antes.

Use como estão, sem variações.

Cuidados de escrita

  • Empreendimentos residenciais. A MAYACAMPANA faz casas e pode fazer prédios. Nenhum texto apresenta um tipo contra o outro.
  • Sem travessão. Resolver com vírgula, ponto, dois-pontos ou parênteses.
  • Sem frase de efeito no fim de cada parágrafo. O texto termina quando a informação termina.
  • Venda: quem vende é a imobiliária parceira de cada empreendimento. A marca encaminha.
  • Projetos para clientes: a MAYACAMPANA não faz mais. Os projetos da época da Manifesto aparecem como portfólio, com nome, cidade e ano.
  • Números: distância a pé em minutos, área em m², dormitórios por extenso na ficha.
Identidade verbal

O que a gente tem para dizer.

As regras de tom e de vocabulário dizem como escrever. Este bloco diz o quê: os assuntos da marca, a história que ela conta e o que cada público precisa ouvir.

Pilares de comunicação

PilarDo que falaExemplo de pauta
DecisãoO motivo das escolhas de projetoPor que a janela de um quarto fica de lado para a rua
LugarGaropaba como condição de projetoO que o vento sul muda na implantação
ObraO processo visível, do terreno à entregaRegistro de uma etapa e da decisão que ela deixa ver
AutoriaQuem decide e respondeOs sócios explicando uma decisão em vídeo curto

Toda peça institucional cabe em pelo menos um pilar. A que não cabe em nenhum provavelmente não precisa existir.

Narrativa

A gente começou projetando casas para outras pessoas. Fazendo isso, aprendeu que muito do que funciona ou falha numa casa é decidido antes do projeto: na escolha do terreno, na conta do empreendimento, na pressa da venda. Por isso passou a incorporar. Hoje a gente escolhe o terreno, projeta, constrói e entrega. Mudou o nome, ficou o jeito de decidir.

Mensagens-chave

  • Arquitetos que incorporam. A gente começou projetando e hoje desenvolve os próprios empreendimentos, do terreno à entrega.
  • Incorporar é decidir. Incorporar é uma sequência de escolhas: terreno, implantação, planta, material, obra. A gente faz todas.
  • A gente decide antes de vender. O projeto vem antes da conta de venda e orienta o produto.
  • A arquitetura veio antes. A empresa nasceu da Manifesto Arquitetura e mantém o jeito de decidir de quem projeta.
  • Criamos lugares, habitamos ideias. Cada empreendimento parte de uma ideia de como se vai morar ali.

Exemplos por ponto de contato

Ponto de contatoExemplo
Bio do InstagramArquitetos que incorporam. Empreendimentos residenciais em Garopaba.
Primeira resposta no WhatsAppOi! Para te direcionar melhor: você quer saber de um empreendimento à venda, de investimento ou tem um terreno para conversar?
Legenda de obra[Etapa da obra] do [empreendimento]. [Uma decisão de projeto que essa etapa deixa ver, em uma frase.]
E-mail para a imobiliária no lançamentoSegue o material do [empreendimento]. Na ficha estão os dados confirmados. Qualquer dado fora dela, confere com a gente antes de divulgar.
Placa de pré-lançamentoAqui vai nascer um empreendimento MAYACAMPANA.

Critérios para textos de novos empreendimentos

  • Abre pelo que atrai, com dado real: onde fica, o que está perto, quantos dormitórios
  • Cada atributo vem com a decisão que o explica
  • Todo número foi confirmado na ficha técnica
  • Restrições legais do produto conferidas com o responsável técnico
  • Nenhum tipo de empreendimento apresentado contra outro
  • Assinatura e nota "imagem ilustrativa" no lugar
  • Passa nas três perguntas de aprovação
Logotipo

A marca.

O logotipo é tipográfico. MAYA vem em traço fino, CAMPANA em traço pesado: os dois sobrenomes lado a lado, com pesos diferentes e a mesma altura. O descritor INCORPORADORA fica abaixo, centralizado e espaçado.

Versões

Com descritorQuando a marca está sozinha: cartão, placa, assinatura institucional, abertura de apresentação.
Sem descritorQuando o contexto já diz o que a empresa é: menu do site, rodapé, redes sociais.

Cores do logotipo

Uma cor por vez. Laranja sobre fundo claro. Off-white sobre fundo escuro ou sobre fotografia. Preto e branco só para restrição técnica: carimbo, gravação, impressão em uma cor.

PrincipalLaranja sobre off-white
Fundo escuroOff-white sobre verde petróleo
Placa e tapumeOff-white sobre laranja chapado
Restrição técnicaPreto
Restrição técnicaBranco

Área de proteção

Em volta do logotipo fica um espaço livre de texto, imagem e borda. A medida é a altura da letra C de CAMPANA, aplicada nos quatro lados.

Em tamanhos pequenos, usar a versão sem descritor. Quando nem ela cabe, usar o símbolo.

Logotipo, símbolo e selo em todas as versões, na pasta da marca

Usos incorretos

DistorcerA proporção do desenho não muda.
InclinarO logotipo fica sempre na horizontal.
Verde ou azulOs tons de ambiente não vão no logotipo.
EfeitosSem sombra, brilho, relevo ou degradê.
ContornoO logotipo é sempre preenchido.
  • Mudar a proporção entre MAYA e CAMPANA, trocar o peso das letras ou redesenhar com outra fonte.
  • Separar MAYA e CAMPANA em duas linhas ou aplicar duas cores no mesmo logotipo.
  • Colocar o logotipo sobre área da foto com muito detalhe.
  • Aproximar texto, ícone ou outra marca dentro da área de proteção.
  • Usar o descritor sozinho ou trocar a palavra INCORPORADORA.
Símbolo e selo

O símbolo acompanha.

O símbolo é a sigla MYC desenhada em módulos, empilhada na vertical. Ele aparece quando a marca completa não cabe ou já foi dita na peça.

Os módulos lembram peças de uma construção: a marca nasce do desenho e da obra.

Sobre claroLaranja
Sobre escuroOff-white
VazadoAzul médio sobre off-white, para marca-d'água e gravação

Onde entra

  • Foto de perfil e ícone de aplicativo.
  • Favicon do site.
  • Selo pequeno no canto de uma peça.
  • Marca-d'água discreta em apresentação ou documento.
  • Adesivo, recorte, gravação em material.

Onde não entra

  • Ao lado do logotipo, formando uma assinatura dupla.
  • Grande, como protagonista da peça.
  • Sobre títulos ou textos.
  • Como padrão repetido ou textura.

Selo

O selo junta o símbolo e o nome em uma peça vertical. Funciona como carimbo de autoria em materiais físicos e em peças em que a MAYACAMPANA certifica algo: entrega de chaves, caderno da casa, embalagem, papelaria.

  • Um selo por peça.
  • Nunca junto do logotipo na mesma face.
  • Mesmas cores do logotipo.
Cores

O laranja aquece. O resto dá ambiente.

A paleta tem cinco cores. O laranja é a cor da marca. Off-white, azuis minerais e verde petróleo formam o ambiente: fundos, textos, blocos e linhas.

Clique numa cor para copiar o código.

Proporção aproximada de uso numa peça.

Cores de interface

CorHEXUso
Cinza de texto#6D6D6DTexto corrido no site e em telas
Cinza de apoio#97A1A5Chapéus, rótulos e fios no site

Essas duas cores existem só no digital, para leitura. Não entram em logotipo, peça impressa, placa ou material de empreendimento.

Proporção

Off-white predomina. Verde petróleo dá peso e contraste. Os azuis ficam no meio do caminho. O laranja aparece pouco e no lugar certo: logotipo, numeração, tag "em vendas", link ativo, botão.

Regras

  • Laranja nunca em fundo de área grande. A exceção é placa de obra e tapume, onde o laranja chapado garante leitura à distância.
  • Laranja não serve para texto pequeno sobre off-white: o contraste não passa. Em texto, só em títulos grandes e números.
  • Texto corrido em verde petróleo sobre off-white, ou off-white sobre verde petróleo.
  • Nada de dourado, azul-mar ou verde tropical em nenhuma peça.
Tipografia

Bodoni para a ideia. Sora para a informação.

São duas famílias, e o sistema fecha aí. A Bodoni Moda escreve títulos e frases de conceito. A Sora escreve todo o resto. As duas são gratuitas no Google Fonts.

Bodoni Moda · Regular e Itálico · títulos, frases de conceito, números em destaque

Aa Bb Cc habitar 0123

Sora Light · linha de apoio, legenda

A gente escolhe o terreno, projeta, constrói e entrega.

Sora Regular · texto corrido, ficha técnica, formulário

Ficha técnica · 3 dormitórios, sendo uma suíte

Sora Medium · botão, etiqueta

EM VENDAS · Quer conhecer?

1 · Chapéu em Sora

2 · Título em Bodoni.

3 · Apoio em Sora Light, uma ou duas linhas.

4 · Texto em Sora Regular, curto, com um argumento por bloco.

5 · Ação em Sora Medium

Regras

  • Títulos em Bodoni sempre em caixa alta, com espaçamento entre letras levemente aberto.
  • Um título em Bodoni por peça ou por seção.
  • No título, o itálico destaca uma ou duas palavras, nunca a frase inteira. Exemplo: "ARQUITETOS QUE INCORPORAM."
  • Bodoni só em corpo grande. Em corpo pequeno, as serifas finas somem.
  • Bodoni nunca em botão, menu, ficha ou texto corrido.
  • Nenhuma terceira fonte, nem em peça de empreendimento.
Fotografia e grafismos

Luz de verdade, matéria de perto.

A fotografia mostra o que a gente decide: como a luz entra, onde a sombra cai, como um material encontra o outro. A imagem documenta a arquitetura e o processo.

Fotografar

  • Arquitetura entregue, com luz natural e sombra marcada.
  • Detalhe de material: madeira, concreto, cerâmica, junta, encaixe.
  • Obra em andamento, canteiro, estrutura.
  • Terreno antes do projeto.
  • Os sócios em obra ou em terreno, nunca em estúdio.

Não fotografar

  • Casal na varanda, família no gramado, pé na areia.
  • Pôr do sol como tema da imagem.
  • Render dourado, com céu e reflexo exagerados.
  • Imagem de banco que poderia ser de qualquer cidade.
  • Filtro forte ou cor saturada artificialmente.

Renders e composição

Render entra quando o empreendimento ainda não existe, com luz próxima da real, sem pessoas e sempre com a nota "imagem ilustrativa".

Enquadramento limpo, linhas retas, horizonte nivelado. Quando a foto recebe título, deixar respiro para o texto.

Grafismos

O grafismo vem do desenho de arquitetura: fio, linha de cota, grade, planta. Ele organiza a informação. Quando não organiza nada, sai.

  • Fio fino para separar seções e itens de lista.
  • Numeração em Bodoni e laranja para etapas.
  • Planta e corte simplificados nas peças de empreendimento.
  • Nada de ícone ilustrado: chave, casinha, sol, onda, folha, pin de mapa.
  • No digital, movimento só de entrada suave.
Design system

As peças do site.

Os componentes de mayacampana.com.br, com as medidas que estão no ar. Serve para quem desenvolve novas páginas, landing pages de empreendimento e formulários. Antes de criar um componente novo, confira se um destes resolve.

Variáveis

Cole no CSS do tema e use as variáveis no lugar dos códigos soltos.

:root {
  /* cores da marca */
  --myc-laranja: #EF7D00;
  --myc-offwhite: #F7F3EA;
  --myc-azul-claro: #C6D9D5;
  --myc-azul-medio: #73989A;
  --myc-petroleo: #315F61;
  /* neutros de interface */
  --myc-texto: #6D6D6D;
  --myc-cinza: #97A1A5;
  /* tipografia */
  --myc-serif: 'Bodoni Moda', Georgia, serif;
  --myc-sans: 'Sora', system-ui, sans-serif;
  /* forma */
  --myc-raio: 4px;
  --myc-fio: 0.5px solid #97A1A5;
}

Escala tipográfica

EstiloFonteCorpo / entrelinhaDetalhes
TítuloBodoni Moda Regular68 / 82 pxcaixa alta · espaçamento 1px · laranja, off-white ou petróleo
Subtítulo de seçãoSora Regular21 / 29 pxcaixa baixa · cor de texto
Texto corrido, ficha, rodapé.Sora Regular14 / 26 pxespaçamento 1px · cor de texto
ChapéuSora Regular11 / 26 pxcaixa alta · espaçamento 0,2em · cinza
Rótulo de seçãoSora Regular10 / 26 pxcaixa alta · espaçamento 0,2em · cinza
BotãoSora Medium14 a 21 pxcaixa alta · espaçamento 1px

No celular, o título cai para cerca de 60% do corpo do desktop. O resto da escala se mantém.

Componentes

Incorporadora em Garopaba
Chapéu com fiosAbre o topo de página. Texto em Sora 11px, caixa alta, entre dois fios de 2rem.
Enviar
Botão principalFundo laranja, texto branco em Sora Medium, caixa alta, cantos de 4px, respiro de 20px. Um por tela.
Conheça o lançamento
Link de açãoAção secundária. Sora 14px, espaçamento 1px, sem fundo. Sublinha no laranja ao passar o mouse.
NomeE-mail ou WhatsApp
Campo de formulárioFundo preto a 4%, sem borda, cantos de 4px, respiro de 15px. A borda laranja aparece só no campo ativo.
O que fazemosA gente decide antes de vender.
DivisorFio de 6rem por 0,5px em cinza, com 2,5rem de respiro acima e abaixo. Separa rótulo e conteúdo.
Em vendasEm obraEm breve
Etiqueta de statusTrês estados, sempre com estes nomes. Só "Em vendas" leva laranja.

Card de empreendimento

Em vendasTRIO
Casas em Garopaba3 casas · 3 dormitórios, sendo uma suíteSaiba mais
  • A ficha segue sempre a mesma ordem: status, nome, tipologia e cidade, configuração, ação.
  • O nome do empreendimento entra em Bodoni, caixa alta, sobre a imagem.
  • Imagem 3D leva a nota "imagem ilustrativa".
  • O card leva para a página do empreendimento. Planta, área e contato de venda ficam lá.

Grade e respiro

  • Margem lateral de 90px no desktop, 24px no celular.
  • Pontos de quebra do tema: 1000px (menu vira ícone) e 690px (colunas empilham).
  • Seções separadas por respiro generoso, não por caixas ou sombras.
  • Uma ideia por seção, com rótulo, título e texto, nessa ordem.

Interação

  • Botão e link mudam de tom ao passar o mouse, sem crescer ou pular.
  • Entrada das seções com fade suave, no máximo.
  • Botão de WhatsApp fixo no canto inferior direito, no verde do próprio WhatsApp. É a única cor fora da paleta permitida.
  • Foco do teclado sempre visível nos links, botões e campos.
Parte 5

Experiência

Os momentos em que alguém encontra a marca.

Pontos de contato

A marca no mundo.

Cada aplicação usa as mesmas regras e ajusta só o que o formato pede.

Site

A referência das peças digitais. Componentes e medidas estão no Design system.

Instagram

Perfil com o símbolo. Feed alternando foto de arquitetura, detalhe de material e peça tipográfica. Texto curto na arte, explicação na legenda.

Placa e tapume

Quatro placas da mesma família, descritas abaixo.

Book de empreendimento

Capa com o nome do empreendimento. Abre pelo lugar, segue com projeto, plantas e ficha. Site e Instagram da MAYACAMPANA só na última página.

Papelaria

Logotipo com descritor. Contato em Sora Regular, sempre na ordem: nome, função, WhatsApp, e-mail, site. Selo no verso do cartão.

Assinatura de e-mail

Nome · função
MAYACAMPANA Incorporadora
WhatsApp · e-mail · mayacampana.com.br

Sem frase motivacional e sem banner.

Placas

PlacaQuando entraConteúdo
MarcaAssim que o terreno é compradoMAYACAMPANA Incorporadora, site e Instagram. Laranja chapado
Pré-lançamentoAntes de ter nome e imagem do produtoFrase de pré-lançamento e conceito. Sem render; pode usar projetos anteriores ao fundo
LançamentoCom nome, imagens e fichaNome, imagem, dormitórios, assinatura e indicação da imobiliária parceira. A maior das quatro
Dados técnicosObrigatóriaResponsável técnico, alvará, registro de incorporação. Formato A2, ao lado da placa de marca

As quatro são da mesma família: mesma grade, mesmas fontes, tamanhos diferentes. A marca da imobiliária parceira entra como assinatura secundária, num canto.

Assinatura no empreendimento entregue

Plaquinha discreta em material resistente, sempre no mesmo lugar, como a mureta de frente para a rua ou o canto da fachada. Nunca letreiro, nunca na caixa d'água. A marca assina a obra sem decorar a casa de quem mora.

Parte 6

Gestão

Como a marca se mantém enquanto a empresa cresce.

Antes de aprovar

Três perguntas.

  1. A gente moraria aqui?
  2. Isso é decisão ou é adjetivo?
  3. Outra incorporadora poderia dizer a mesma frase?

Se a resposta da terceira for sim, a peça volta.

Checklist

  • MAYACAMPANA escrito junto, em caixa alta
  • Logotipo em uma cor, com área de proteção
  • Laranja só no logotipo e em acentos
  • Um título em Bodoni, em caixa alta; o resto em Sora
  • Foto com luz natural, sem clichê de praia
  • Texto em primeira pessoa, sem travessão e sem palavras da lista proibida
  • Empreendimento assinado como "Empreendimento por MAYACAMPANA Incorporadora"
  • Imagem 3D com "imagem ilustrativa"