Guia da Marca

Diretrizes para usar a marca X-Apps em digital, produtos e comunicação.

Baixar ativos Ver diretrizes

Cultura

Práticas e hábitos que sustentam o jeito X-Apps de trabalhar.

Conheça nossa cultura no Vale do Silício

Pessoas

Valorização do capital humano, colaboração e ownership.

Tecnologia

Ferramentas e práticas para acelerar qualidade e entrega.

Navegação rápida

Fundamentos Construção Serviços Logo Uso do logo Cores Tipografia e elementos Direção audiovisual Imagem e aplicações Componentes e padrões Tokens Checklist Downloads

Fundamentos da marca

A X-Apps se posiciona como um time de tecnologia que combina cultura de produto e execução de software sob demanda, com foco em design, agilidade e eficiência.

Desenvolvemos aplicativos e sistemas para empresas e startups, ajudando clientes a prosperar com produtos, serviços e plataformas que transformam a experiência do usuário.

Missão

Desenvolver software de forma ágil, enxuta e alinhada aos negócios dos nossos clientes.

Visão

Promover o avanço e automação de negócios através da tecnologia.

Valores

Atitude de dono
Trabalho em equipe
Ética e respeito
Valorização das pessoas
Renovar sempre

Construção do logo

O X é a ferramenta base usada para toda construção do logo.

O símbolo principal foi construído a partir do X, preenchendo uma área de 13x por 13x e mantendo proporções fixas em todos os formatos.

13x

Grid 13x13

Acento visual

Proporções 1x

•

Composição da palavra x•apps em módulos proporcionais.

Modelo de entrega

Projetos ágeis

Realize sua ideia de produto de software

Operação DevOps

Lance evoluções com suporte contínuo

Desenvolvedores sob demanda

Receba nossos profissionais em sua equipe

Como trabalhamos

Alto desempenho
Equipes dedicadas
Alta eficiência

Identidade visual

Versão principal

Outras versões

Horizontal: preferencial para materiais institucionais e digitais.
Vertical: usar quando a área disponível for estreita.
Ícone: usar em avatares, favicons, app icons e espaços reduzidos.

Regras de uso (do & don't)

Manter proporção do logo (não esticar).
Não aplicar sombras, contornos, bevel, glow ou efeitos.
Não alterar as cores oficiais.
Não rotacionar ou inclinar o logo.
Garantir contraste com fundos sólidos e limpos.

Regras operacionais

Área de proteção

Manter no mínimo 4x de área de respiro ao redor da marca.

Redução mínima

Online (altura): horizontal 30px, vertical 50px, ícone 20px.
Impresso (largura): horizontal 30mm, vertical 23mm, ícone 8mm.

Regra prática

Se a marca estiver apertada ou ilegível, use uma versão mais simples e aumente a área útil.

Área de reserva

O espaço mínimo entre o logo e qualquer outro elemento é igual a 4x.

Sistema de cores

Paleta digital (prioritária)

Blue primary

#003468

primary

White

#FFFFFF

white

Medium gray

#858585

mediumGray

Gradiente de assinatura do ícone

#E86D30 -> #DB4653

Referência de impressão

Pantone 158C (laranja), Pantone 198C (magenta), Pantone Cool Gray 8 C.
HEX para impressão: #F27C36 -> #ED485F.

Linguagem tipográfica

Tipografia digital prioritária: Nunito (fallback Arial, Helvetica, sans-serif).
Tipografia de apoio (quando necessário): Avenir (títulos) e Open Sans (texto).
Cards e superfícies com cantos arredondados pequenos.
Botões e chips em formato pílula.

Assinatura de títulos

Títulos H2/H3 podem usar ponto final com gradiente via CSS ::after para assinatura visual da marca.

X-Apps heading sample

Direção audiovisual

Identidade em vídeo

Referência audiovisual da marca X-Apps para reforçar linguagem, ritmo e expressão visual.

Direção de imagem

Priorizar imagens que reforcem colaboração, confiança e execução em equipe.
Predominância visual de azul, com cores secundárias em segundo plano.
Mockups em perspectiva leve, com sombra suave e apoio de blobs orgânicos.

Padrões de UI

Navbar institucional com fundo azul primário, logo à esquerda, menu central e CTAs à direita.

Hero institucional com headline forte e dupla de CTA (outline + filled).

Cards brancos com sombra suave, raio pequeno e hierarquia clara de texto.

CTA bar padrão antes do footer: 'Acelere a sua empresa com a X-Apps'.

Design tokens

Core tokens

font-family: Nunito, Arial, Helvetica, sans-serif;
primary: #003468;
white: #FFFFFF;
mediumGray: #858585;
accentGradient: linear-gradient(90deg, #E86D30 0%, #DB4653 100%);
chipsButtons: pill shape;
cards: small radius + soft shadow;

Checklist de qualidade

Base estrutural azul primário + branco.

Acento quente controlado para CTA e assinatura.

CTAs em pílula, preferencialmente em par (outline + filled).

Respiro consistente entre blocos.

Títulos com assinatura de ponto final em gradiente quando aplicável.

Cards com sombra suave e cantos arredondados.

Boa legibilidade em desktop e mobile.

Arquivos da marca

Logos (SVG/PNG)Pacote de favicon

Dúvidas de uso da marca: comercial@x-apps.com.br