A marca
A Mountain é especialista nas soluções onde mais entrega valor: Protheus, Fluig e GoodData. Este manual reúne tudo que a gente usa no dia a dia — logo, cores, tipografia, ícones, tom de voz e componentes.
Especialista de verdade, sem distância. Perto do cliente do começo ao fim.
Somos o trusted advisor do nosso cliente.
Logo
O lockup Mountain combina o símbolo de barras ascendentes com o wordmark. Escolha a versão pelo fundo: colorida sobre branco, monocromática sobre cinza claro, branca sobre preto ou azul escuro.
Versões
Símbolo isolado
Use o símbolo sozinho só quando o wordmark não couber: avatar, favicon, selo. Em peças institucionais, o lockup completo vem primeiro.
Área de respiro e tamanho mínimo
Mantenha em volta do logo um respiro igual à altura do símbolo. Nada entra nessa área: nem texto, nem imagem, nem borda.
Tamanho mínimo: 24px de altura para o lockup e 16px para o símbolo em tela. Em impressos, 20mm de largura para o lockup.
Usos proibidos
Compare lado a lado. À esquerda o certo, à direita o que não pode.
Cores e gradientes
O azul escuro é a âncora de toda composição. Os accents entram em doses pequenas. Nenhuma cor fora desta paleta é permitida. Clique em qualquer amostra para copiar o hex.
Paleta principal
Estendida (legado)
Mantida para peças e temas já existentes. Em trabalhos novos, prefira as quatro cores principais.
Escalas de apoio
Gradientes
Dois sistemas, só em fundos — nunca em texto, ícones ou grafismos. Corporativo: azul escuro + um accent, sóbrio. Análogo: dois accents vizinhos, vibrante e tech. Branco e azul escuro ficam fora do análogo.
Cores funcionais
Só para estados de interface. Não entram em peças de marca.
Tipografia
Uma família para tudo, dos títulos às legendas. Nunca misture com uma segunda fonte. Títulos grandes em peso light e apertados; corpo em regular; ênfase em bold.
Sora é a face da marca. Uma só família para tudo: título, corpo e legenda. Nunca combine com uma segunda fonte.
abcdefghijklmnopqrstuvwxyz 0123456789
Pesos
Escala
Escala de terça maior (1,25). Títulos com tracking apertado (-0.02em); corpo com entrelinha 1,55.
Iconografia
Pictogramas simples, 2D, com o traço em primeiro lugar, numa grade de 24×24. Espessura de 1,5× o módulo, cantos arredondados e terminações curvas — combinando com o símbolo e a tipografia.
Estilo de linha, cantos arredondados, grade de 24 — é a família que atende a especificação e a única em uso. Espessura padrão de 1,75. Use sempre o mesmo conjunto na peça inteira; não misture com outras bibliotecas.
Ícones de uma cor usam só primárias: azul escuro, azul ou branco. Ícones de duas cores mantêm a maioria das linhas numa primária e usam um accent. Preto só sob limitação técnica.
Não varie as cores dos ícones dentro de uma mesma peça. Escolha uma e mantenha do começo ao fim.
Emoji vale no texto, com moderação, para reforçar emoção. Nunca como iconografia de interface.
Fotografia e fundos
A imagem é ousada, dinâmica, orientada a movimento: ângulos inesperados e uso criativo de lentes. Luz ampla, neutra, natural — sem sombras duras.
- Cores vívidas mas genuínas
- Luz solar, ampla e neutra
- Elenco diverso, casual, confiante
- Neutro-quente no tratamento
- Ângulos e enquadramentos inesperados
- Super-saturação ou cores acinzentadas
- Sombras duras e contraluz pesado
- Preto e branco
- Granulado forte
- Pose corporativa engessada
Fundos
Cores sólidas da paleta ou os dois sistemas de gradiente. Em áreas de hero, canvas azul escuro com brilhos radiais leves. Sem padrões repetidos e sem textura.
Tom de voz
Português do Brasil, sempre. A gente fala em primeira pessoa do plural — "nós" ou o mais informal "a gente" — e em terceira pessoa como "a Mountain". Nunca primeira pessoa do singular.
- Simplifique sem perder profundidade
- Divida em etapas claras — prefira listas
- Vá direto ao ponto, sem ser seco
- Fale simples, não simplista
Leve, direto, descontraído. Mais informal que formal, mas nunca desleixado. Evite termos e siglas em inglês: diga "unidades de negócio", não "BUs".
Apresentar a marca, conquistar um novo cliente, resolver problemas, conduzir um treinamento — cada um tem seu tom e seus canais. Não reduza tudo a um só.
Nunca
Exemplos de copy
Emoji: sim, com moderação, para reforçar emoção ou storytelling 🚀 💡 🤝 — nunca substituindo palavras essenciais, nunca ambíguos. Em contexto institucional, use com parcimônia. Prefira linguagem neutra em gênero quando soar natural: "que bom ver vocês aqui!".
Espaçamento e grid
Grade base de 4px. Largura máxima de conteúdo 1200px, com gutters de 32px. Todo espaçamento é múltiplo de 4.
Raios de canto
Suaves e arredondados, ecoando as terminações curvas do símbolo Mountain. Botões são sempre pill.
Sombras
Contidas e com tom frio. Institucionais, não chamativas.
Movimento
Dinâmico, mas nunca quicando. Easing padrão cubic-bezier(.2, 0, 0, 1); durações entre 120ms e 320ms. Cards sobem 2px no hover; botões pressionados dão um scale de 0,975.
Componentes
Os componentes abaixo são os reais do design system — pode interagir com eles. Foram construídos a partir dos fundamentos da marca, já que as fontes originais são um manual, não uma biblioteca de produto.
Botões
Badges e tags
Formulários
Superfícies e mensagens
Branco, raio de 20px, borda sutil e sombra suave. Interativo: sobe 2px no hover.
Borda de 2px, sem peso de sombra. Para listas densas.
Azul escuro, para blocos de destaque dentro de seções claras.
Aplicações
Formatos prontos que já seguem o sistema. Use como ponto de partida em vez de montar do zero.
- Azul escuro ancora a composição; accent em dose pequena.
- No máximo duas cores de fundo por peça ou apresentação.
- Gradiente só no fundo — nunca em texto, ícone ou grafismo.
- Uma família tipográfica, com títulos em light e apertados.
- Área de respiro do logo preservada, sem efeitos.
- Em slide 1920×1080, texto nunca abaixo de 24px.
A Mountain por aí
Onde a gente esteve. São registros de eventos e bastidores no ecossistema TOTVS — valem como memória e prova de presença, não como referência de produção.
Estas fotos não definem a direção fotográfica da marca. Para produzir imagem nova, siga o item 06 — Fotografia e fundos.
Downloads
Arquivos do logo Mountain. Prefira SVG sempre que o meio aceitar — PNG só quando não houver alternativa.
Tokens, componentes, guidelines, UI kit, os dez templates e todos os assets — já na estrutura de skill, prontos para instalar. 2,1 MB.