Guia da Marca

Diretrizes de uso da marca X-Apps no digital, em produtos e na comunicação.

Baixar ativos Ver diretrizes

Cultura

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

Conheça a nossa cultura no Vale do Silício

Pessoas

Pessoas em primeiro lugar, colaboração e senso de dono.

Tecnologia

Ferramentas e práticas para aumentar a qualidade e acelerar a 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

Somos um time de tecnologia que une 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. Criamos produtos, serviços e plataformas que melhoram a experiência do usuário e ajudam nossos clientes a prosperar.

Missão

Desenvolver software de forma ágil e enxuta, sempre alinhado aos objetivos de negócio dos nossos clientes.

Visão

Promover o avanço e a automação de negócios por meio da tecnologia.

Valores

Senso de dono
Colaboração
Ética e respeito
Pessoas em primeiro lugar
Evoluir sempre

Construção do logo

O X é o módulo base (1x) usado para construir todo o sistema de marca.

O símbolo principal é derivado desse módulo, ocupando um grid de 13x por 13x e mantendo proporções consistentes em todas as variações.

13x

Grid 13x13

Acento visual

Proporção 1x

•

A palavra x•apps é composta em módulos proporcionais.

Modelo de entrega

Projetos ágeis

Tire sua ideia do papel e lance um produto

Operação DevOps

Evolua e mantenha seu produto com suporte contínuo

Desenvolvedores sob demanda

Integre nossos profissionais ao seu time

Como trabalhamos

Alta performance
Times dedicados
Eficiência operacional

Identidade visual

Versão principal

Variações

Horizontal: use em materiais institucionais e no digital.
Vertical: use quando a área disponível for estreita.
Símbolo: use em avatares, favicons, ícones de app e aplicações reduzidas.

Regras de uso (faça e não faça)

Mantenha a proporção do logo (não estique).
Não aplique sombras, contornos ou efeitos.
Não altere as cores oficiais.
Não rotacione nem incline o logo.
Garanta contraste em fundos sólidos e limpos.

Uso do logo

Área de proteção

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

Tamanho mínimo

Digital (altura): horizontal 30 px, vertical 50 px, símbolo 20 px.
Impresso (largura): horizontal 30 mm, vertical 23 mm, símbolo 8 mm.

Regra prática

Se a marca ficar apertada ou perder legibilidade, prefira uma variação mais simples e aumente o espaço disponível.

Espaço mínimo

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

Sistema de cores

Paleta digital (principal)

Azul primário

#003468

primary

Branco

#FFFFFF

white

Cinza médio

#858585

mediumGray

Gradiente de assinatura do símbolo

#E86D30 -> #DB4653

Referência para impressão

Pantone 158 C (laranja), Pantone 198 C (magenta) e Pantone Cool Gray 8 C.
Referência em HEX para impressão: #F27C36 → #ED485F.

Tipografia e elementos

Tipografia digital principal: 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 discretos.
Botões e chips em formato pílula.

Assinatura de títulos

Em títulos H2/H3, o ponto final pode receber gradiente via CSS (::after) para reforçar a assinatura visual da marca.

Exemplo de título X-Apps

Direção audiovisual

Identidade em vídeo

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

Direção de imagem

Priorize imagens que reforcem colaboração, confiança e execução em equipe.
O azul deve ser dominante; use as cores secundárias como apoio.
Use mockups com leve perspectiva, sombra suave e formas orgânicas de apoio (blobs).

Padrões de interface

Barra de navegação institucional com fundo azul primário, logo à esquerda, menu ao centro e CTAs à direita.

Seção hero institucional com título forte e dupla de CTA (contornado + preenchido).

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

Barra de CTA padrão antes do rodapé: 'Acelere a sua empresa com a X-Apps'.

Tokens de design

Tokens-base

font-family: Nunito, Arial, Helvetica, sans-serif;
primary: #003468;
white: #FFFFFF;
mediumGray: #858585;
accentGradient: linear-gradient(90deg, #E86D30 0%, #DB4653 100%);
chipsButtons: formato pílula;
cards: raio pequeno + sombra suave;

Checklist de qualidade

Estrutura baseada em azul primário e branco.

Acento quente usado com moderação em CTAs e assinaturas.

CTAs em formato pílula, de preferência em par (contornado + preenchido).

Respiro consistente entre seções e blocos.

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

Cards com sombra suave e cantos arredondados.

Boa legibilidade no desktop e em dispositivos móveis.

Arquivos da marca

Logotipos (SVG/PNG)Pacote de favicons

Em caso de dúvida sobre o uso da marca: comercial@x-apps.com.br