Manual de Marca · v1.0

Grupo Vyre

Marketing, tecnologia e design pra quem quer subir junto.

Versão 1.0Atualizado em 2026-05-28Slug · grupo-vyre

01 · A estrela-guia

Fundamentos

Propósito

Transformar marcas em sistemas que crescem com método: estratégia clara, tecnologia bem aplicada e design que carrega significado em cada toque.

Missão

Conduzir marcas ambiciosas de Brasília e do Brasil por ciclos de marketing, tecnologia e design integrados, entregando resultado mensurável sem abrir mão de capricho criativo.

Visão

Ser a agência de referência no Centro-Oeste para marcas que tratam marketing como infraestrutura — onde toda peça, toda jornada e toda automação puxa o negócio pra cima.

Posicionamento

Para empresas e marcas premium que querem crescer com consistência, a Vyre é a agência integrada de marketing, tecnologia e design que opera como time interno do cliente, porque combina estratégia, execução e plataforma própria (Lola) num único ciclo.

Público

Marcas premium, empresas em escala e profissionais de alto padrão de Brasília e regiões metropolitanas: chefs, restaurantes, food service, hospitalidade, institutos e empresas de tecnologia que enxergam marketing como ativo estratégico, não despesa.

Valores

Capricho sem firula
Resultado com método
Cliente como sócio do projeto
Tecnologia a serviço da marca
Design que pensa o sistema inteiro

Posicionamento em vários tamanhos

Frase curta (assinatura)

“Marketing, tecnologia e design no mesmo ciclo.”

Pitch de 30 segundos

“Somos a Vyre. Agência integrada de marketing, tecnologia e design em Brasília. Operamos como time interno do cliente: estratégia, execução e plataforma própria (Lola) num único ciclo. Trabalhamos com marcas premium que enxergam marketing como ativo — não despesa.”

Pitch de 1 parágrafo (site)

“A Vyre nasce da convicção de que marca premium não se constrói com peça solta. Construímos sistemas: arquitetura de conteúdo, identidade viva, automação inteligente e tecnologia sob medida. Cada cliente vira projeto integrado — com método, com prova e com plataforma própria (Lola) coordenando o time. O resultado é crescimento composto, não campanha isolada.”

Proposta comercial

“Você contrata a Vyre quando precisa de mais do que peça pontual. Entregamos estratégia, execução criativa, tecnologia e gestão de mídia em ciclos contínuos, com a Lola (nossa plataforma de IA) garantindo memória, método e ritmo entre todos os times.”

Apresentação institucional

“A Vyre opera no cruzamento de três disciplinas — marketing, tecnologia e design — porque marca premium hoje vive em todos os três planos ao mesmo tempo. Nosso método combina time integrado, plataforma própria e parceria de longo prazo.”

02 · A marca

Logo

A marca Vyre é a fusão das letras V e Y com uma flecha ascendente que rompe o traço da direita. É um símbolo de leverage: o movimento de baixo pra cima, do trabalho silencioso pro resultado visível. O glow azul-elétrico sobre o azul-noite carrega a estética de tela, de painel acendendo, de marca que vive no digital.

Principal · símbolo neon

Uso preferencial sobre fundos escuros (azul-noite, preto, fotografia em baixa luz). Versão hero da marca.

Versão clara · sólido

Sobre fundos claros (branco, papel, claros corporativos). Símbolo em azul-vyre sólido, sem glow.

Símbolo isolado

Avatar, favicon, marca d'água, ícone de app. V/Y com a flecha, sem texto.

Área de proteção

Mantenha ao redor do logo um espaço livre igual à altura da flecha. Nada de texto, foto ou outro elemento dentro dessa zona — o símbolo precisa de ar pra brilhar.

Tamanho mínimo

Digital: 32 px de altura mínima pro símbolo completo. Impresso: 12 mm. Abaixo disso, use só a flecha isolada como marca-d'água.

Não pode

Não distorcer, inclinar, esticar ou rotacionar a marca
Não recolorir fora da paleta oficial (Azul Vyre, Cyan Pico, Branco)
Não aplicar sobre fundos de baixo contraste ou texturas concorrentes
Não adicionar sombras, contornos extras ou efeitos além do glow nativo
Não separar a flecha do corpo do V/Y nas peças oficiais
Não usar a versão neon sobre fundo claro — o glow some e a marca perde força
Não reduzir abaixo do tamanho mínimo (32 px digital / 12 mm impresso)
Não embutir o logo em frase ou substituir letra de palavra pelo símbolo

Exemplos de uso incorreto

× Errado

Esticar horizontalmente

Distorce a proporção da flecha e tira o equilíbrio entre V e Y. A marca vira borrão.

× Errado

Rotacionar 45°

A flecha ascendente perde o significado. Sem o vetor pra cima, não é mais a Vyre.

× Errado

Trocar a cor por verde, vermelho ou laranja

A paleta é parte da assinatura. Cores fora do sistema descaracterizam a marca.

× Errado

Aplicar sombra externa pesada

O glow é nativo do símbolo neon. Sombra adicional polui e parece amadora.

× Errado

Usar versão neon em papel branco

O glow some sem o fundo escuro. Use a versão clara sólida.

VYRE digital

× Errado

Sobrepor texto dentro do clearspace

A marca precisa de ar. Texto colado nela vira ruído visual.

03 · Como aplicar

Uso do logo

Cada contexto tem tamanho e tratamento próprios. Use a tabela abaixo como referência canônica antes de aplicar a marca em peça nova.

Escala visual · símbolo

16px

32px

64px

120px

200px

Tamanho mínimo do símbolo completo: 32 px. Abaixo, use apenas a flecha isolada.

Contexto

Digital

Impresso

Notas

Favicon e ícone de app

16 / 32 / 48 px

—

Apenas a flecha isolada, em PNG ou SVG otimizado. Fundo transparente.

Avatar de redes sociais

400 px (quadrado)

—

Versão símbolo neon sobre quadrado azul-noite. Centralizado com clearspace mínimo.

Hero de site / landing

120 a 200 px (altura)

—

Versão neon completa, com glow ativo. Sempre sobre azul-noite.

Cabeçalho de proposta (PDF)

—

24 mm (altura)

Versão clara sobre fundo branco ou versão neon sobre azul-noite. Margem superior de 18 mm.

Cartão de visita

—

12 mm (altura)

Símbolo isolado em prata holográfica ou impressão UV sobre preto fosco. Centralizado.

Slide de apresentação (16:9)

60 px no canto

—

Símbolo isolado em rodapé, opacidade 60%. Versão completa só na capa e contracapa.

Assinatura de e-mail

40 px (altura)

—

Símbolo isolado em PNG @2x. Sem versão neon — não renderiza bem em cliente de e-mail.

Mockup grande / outdoor

—

Mínimo 80 mm (altura)

Versão neon com glow potencializado. Ideal sobre fundo escuro com respiro generoso.

04 · A paleta

Cores

primary

Azul Vyre

HEX: #1F3CF0
RGB: 31, 60, 240
CMYK: 87, 75, 0, 6
PANT.: 2728 C

secondary

Cyan Pico

HEX: #4FB8FF
RGB: 79, 184, 255
CMYK: 69, 28, 0, 0
PANT.: 2925 C

primary

Azul-noite

HEX: #0A1A3D
RGB: 10, 26, 61
CMYK: 84, 57, 0, 76
PANT.: 282 C

secondary

Branco Vyre

HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0

support

Grafite Sistema

HEX: #1A1F2E
RGB: 26, 31, 46
CMYK: 43, 33, 0, 82

Proporção sugerida: 50% Azul-noite como canvas (fundo, superfícies, base de produto), 25% Branco como respiro, 15% Azul Vyre como cor de marca (CTAs, destaques, logo), 8% Cyan Pico como acento de luz (gradientes, glow, hover) e 2% Grafite Sistema para tipografia sobre fundos claros. O Cyan é luz de farol, não tinta de parede: usado em excesso, perde força.

Combinações aprovadas

Aa · Vyre

BG #0A1A3DFG #FFFFFF

Combinação principal. Contraste AAA. Use em hero, capa de proposta e identidade hero.

Aa · Vyre

BG #FFFFFFFG #0A1A3D

Inverso da principal. Use em papelaria, propostas impressas e contextos claros.

Aa · Vyre

BG #0A1A3DFG #4FB8FF

Acento de luz. Apenas em elementos não-textuais ou texto grande (24px+).

Aa · Vyre

BG #1F3CF0FG #FFFFFF

Botões primários e CTAs. Texto sempre branco, peso 500+.

Aa · Vyre

BG #1A1F2EFG #FFFFFF

Superfícies secundárias dentro do dark mode (cards, painéis).

05 · A voz visual

Tipografia

primary

Geist

Marketing, tecnologia e design no mesmo ciclo.

Títulos, manchetes, capa de proposta e qualquer momento em que a marca precise soar técnica, atual e direta.

Pesos: 400 · 500 · 600 · 700 · 900
Fallback: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif

secondary

Inter

Marketing, tecnologia e design no mesmo ciclo.

Corpo de texto, propostas, dashboards, interface da Lola e qualquer leitura longa.

Pesos: 400 · 500 · 600
Fallback: system-ui, -apple-system, 'Segoe UI', sans-serif

secondary

JetBrains Mono

Marketing, tecnologia e design no mesmo ciclo.

Códigos, métricas, KPIs, IDs de proposta, números de contrato e qualquer dado que precise de leitura precisa.

Pesos: 400 · 500
Fallback: ui-monospace, 'Cascadia Mono', 'Consolas', monospace

Hierarquia em escala 1.25 (quinta menor). Espaçamento generoso entre títulos e parágrafos: o manual respira como dashboard bem desenhado.

Escala oficial

A Vyre escreve assim.

Nível: Display
Tamanho: 72px
Peso: Geist 700
Uso: Hero de site, capa hero de proposta

A Vyre escreve assim.

Nível: H1
Tamanho: 56px
Peso: Geist 700
Uso: Título principal de página

A Vyre escreve assim.

Nível: H2
Tamanho: 40px
Peso: Geist 600
Uso: Título de seção

A Vyre escreve assim.

Nível: H3
Tamanho: 28px
Peso: Geist 500
Uso: Subseção, card principal

A Vyre escreve assim.

Nível: H4
Tamanho: 20px
Peso: Geist 500
Uso: Subtítulos menores, label de bloco

A Vyre escreve assim.

Nível: Corpo
Tamanho: 16px
Peso: Inter 400
Uso: Texto corrido, parágrafos

A Vyre escreve assim.

Nível: Legenda
Tamanho: 14px
Peso: Inter 500
Uso: Legendas, créditos, notas

A Vyre escreve assim.

Nível: Micro
Tamanho: 12px
Peso: JetBrains 500
Uso: Section marks, IDs, métricas

06 · O olhar

Imagética

Estilo

Estética de painel, dashboard e luz de tela. Fotografia premium, mas com tratamento de marca: tons azulados, contraste alto, ar de produto/cinema. Quando houver pessoas, sempre em situação de trabalho real — reunião, briefing, tela acesa.

Tons azulados e contraste alto, com glow sutil nos pontos de luz
Profundidade de campo curta, foco em detalhe (mão, tela, traço)
Composições assimétricas, com espaço negativo respeitado
Texturas de grão fino (ruído leve) para amaciar o digital
Mockups e UI tratados como cena: tela como protagonista, não acessório

Pode

Fotografar processo: tela aberta, anotação no caderno, mão movendo o mouse
Mostrar a Lola em uso (mockup de interface, conversa real, dashboard)
Compor com elementos do estúdio (mesa, monitor, post-it, café)
Usar foto de cliente em situação premium (chef cozinhando, sala de reunião)
Privilegiar luz azul/fria de tela combinada com luz quente pontual

Não pode

Não usar foto de banco de imagem genérica de 'reunião corporativa'
Não aplicar filtros saturados, vintage ou HDR exagerado
Não usar emoji decorativo dentro de peça oficial
Não mostrar ferramenta de concorrente em destaque
Não usar fundo amarelo, vermelho ou laranja saturado — destoa do sistema

07 · O jeito de falar

Voz e tom

Personalidade

Confiante
Direta
Técnica sem ser fria
Curiosa
Sócia do cliente

Propostas comerciais

Tom de sócio que entende o problema do cliente. Linguagem clara, sem jargão de agência. Mostrar método (como vamos fazer), prova (já fizemos pra X) e preço (sem rodeio). Nunca soar 'comercial pressionando'.

Redes sociais

Tom de quem mostra trabalho de verdade. Falar de bastidor, decisão de design, raciocínio por trás da campanha. Pode ter humor seco e referências de internet, sem ser memético raso.

Atendimento e gestão de cliente

Tom de parceiro estratégico. Chamar pelo nome, antecipar, sugerir sem empurrar. Quando errar, assumir rápido e propor o conserto. Nunca soar prestador de serviço submisso.

Produto Lola e comunicação interna

Tom técnico-direto, com personalidade. A Lola é feminina, em português brasileiro, com referências old-school (DBZ, Matrix, IRC) quando o usuário curte. Modos adaptam o tom: executor (curto), learning (explica), colega (discute).

Apresentação institucional

Tom de quem tem o que mostrar. Falar de método, plataforma própria, time, clientes — sem soberba, com prova. Densidade alta de informação, baixa de adjetivo.

Vocabulário aprovado

leverage · método · sistema · ciclo · marca como infraestrutura · subir junto · capricho · tração · marca viva · plataforma · Lola · ativo · ritmo · consistência

Evitar

solução 360 · sinergia · estamos no DNA · disruptivo · inovador · case de sucesso · experiência única · alta performance · boutique digital · ecossistema (quando usado pra encher linguiça)

Tom certo

“Marketing, tecnologia e design no mesmo ciclo. A Vyre opera como time interno do cliente.”

Tom errado

“Somos uma agência 360 disruptiva que entrega soluções inovadoras de alta performance.”

Tom certo

“A Lola é nossa plataforma de IA — ela aprende com cada projeto e devolve método pro time.”

Tom errado

“Utilizamos inteligência artificial proprietária de última geração para potencializar nossas entregas.”

Tom certo

“Capricho sem firula. Resultado com método. Cliente como sócio.”

Tom errado

“Excelência, inovação e proximidade são os pilares da nossa marca.”

08 · Tokens impressos

Papelaria

Papelaria Vyre é mínima por princípio. O site, a Lola e as propostas digitais carregam o peso da marca; o impresso entra só onde gera presença real. Tudo o que é físico precisa parecer caro ao toque — papel fosco encorpado, impressão UV ou prata holográfica, recorte limpo.

Variáveis de timbrado e impressão

paper.color

#FFFFFF (claro) / #0A1A3D (escuro)

Toda papelaria nasce em dois sistemas paralelos: claro e escuro. Escolha o que combinar com a peça.

paper.grammage

300g (cartões) / 120g (timbrado)

Cartão de visita em 300g fosco. Papel timbrado em 120g offset alta alvura.

margin.outer

18mm

Margem externa padrão em proposta, timbrado e contracapa. Garante respiro premium.

margin.inner

24mm (cabeçalho) · 16mm (rodapé)

Cabeçalho com mais ar pra acomodar logo. Rodapé apertado pra dados de contato.

logo.size.header

24mm (altura)

Tamanho oficial do logo em cabeçalho de proposta ou timbrado.

rule.color

#1F3CF0 a 0.5pt

Filete fino em Azul Vyre sob títulos e divisores. Nunca mais que 1pt — vira faixa.

font.header

Geist 600 · 11pt

Tipografia de cabeçalho e títulos curtos.

font.body

Inter 400 · 10pt · leading 1.5

Texto corrido de proposta e papel timbrado.

font.meta

JetBrains Mono 500 · 8pt · uppercase · tracking 0.18em

Section marks, IDs de proposta, datas, números de contrato.

ink.print

Pantone 2728 C + 282 C

Impressão profissional usa Pantone direto pra manter fidelidade do azul.

finish.business-card

Preto fosco + prata holográfica UV

Cartão de visita: fundo preto fosco, símbolo Vyre em prata holográfica. Nome em UV invisível brilhante.

Peças oficiais

Gabriel Alves

Controller Corporativo

grupovyre.com

Grupo Vyre

Cartão de visita

Formato: 85 × 55 mm (horizontal)
Papel: 300g fosco preto

Frente: símbolo Vyre em prata holográfica centralizado (12mm altura). Verso: nome (Geist 600, 11pt), cargo (Inter 400, 9pt), telefone/e-mail/site (JetBrains 8pt). Tudo em branco sobre preto.

Grupo Vyre

grupovyre.com · brasília-df

Papel timbrado A4

Formato: 210 × 297 mm
Papel: 120g offset alta alvura

Cabeçalho com logo neon (24mm altura) sobre faixa azul-noite de 35mm. Corpo branco. Rodapé com endereço + site em JetBrains Mono 8pt + filete Azul Vyre 0.5pt.

Destinatário

Envelope ofício

Formato: 229 × 114 mm
Papel: 120g preto fosco

Símbolo Vyre em prata holográfica no canto superior esquerdo (16mm altura). Endereço do destinatário em branco, Inter 10pt. Sem texto na frente.

Proposta · 2026

Cliente Exemplo

VYR-001 · 28/05

Capa de proposta PDF

Formato: A4 vertical
Papel: Digital (PDF)

Fundo azul-noite full bleed. Símbolo neon centralizado (60mm altura) com glow ativo. Nome do cliente em Geist 700, 32pt, branco. Data e ID da proposta em JetBrains Mono 9pt no rodapé.

03 · Método

Ciclos curtos.
Resultado composto.

Apresentação institucional (deck)

Formato: 1920 × 1080 (16:9)
Papel: Digital

Capa replicando padrão de proposta. Slides intermediários em azul-noite com símbolo isolado 60px no canto inferior direito a 60% de opacidade. Slides de dados em branco com tipografia preta.

Gabriel Alves

Controller

VYR-001

Crachá / credencial

Formato: 100 × 70 mm
Papel: PVC fosco preto + fita azul-noite

Símbolo Vyre em prata holográfica no topo. Foto em corte 40mm. Nome em Geist 600 14pt, cargo em Inter 400 10pt. Linha JetBrains Mono com ID do colaborador no rodapé.

Assinatura de e-mail

Template

<NOME>
<CARGO>
Grupo Vyre · Marketing, Tecnologia e Design
<TELEFONE> · <EMAIL>
grupovyre.com

Exemplo

Gabriel Alves

Controller Corporativo

Grupo Vyre · Marketing, Tecnologia e Design

+55 (61) 9 0000-0000 · grupovyre.com

09 · Marca em contexto

Mockups

Mockups oficiais da marca em contextos reais. Use estes formatos como referência canônica ao montar peças novas — eles foram pensados juntos, com proporções e tipografia coerentes.

Grupo Vyre

Gabriel Alves

Controller Corporativo

grupovyre.com

Impresso01

Cartão de visita preto fosco

Frente preta com símbolo prata holográfica. Verso com dados em branco. Acabamento UV no nome.

Proposta · 2026

Cliente Exemplo

VYR-001 · 28/05

PDF02

Capa de proposta neon

PDF A4 azul-noite com símbolo neon hero. Tipografia Geist 700 pro nome do cliente. ID da proposta em mono.

Marca não é peça solta.

@grupovyre

Social03

Post quadrado · feed Instagram

1080×1080 azul-noite. Headline Geist 600 no topo, símbolo isolado discreto no canto. Versão dark prevalece, com versão clara só pra parcerias específicas.

Marca não é peça solta.

@grupovyre

Social04

Story · Instagram / Lola

1080×1920 azul-noite com gradiente sutil pro Cyan Pico. Texto centralizado em Geist 600. Símbolo em rodapé.

03 · Método

Ciclos curtos. Resultado composto.

Slide05

Slide institucional 16:9

Fundo azul-noite, título Geist 700 esquerda, conteúdo direita. Símbolo isolado canto inferior direito.

grupovyre.com

Marketing · Tecnologia · Design

Falar com a Lola

Web06

Hero do site institucional

Full bleed azul-noite com símbolo neon centralizado. Tagline em Geist 500 abaixo. CTA Azul Vyre + branco.

Grupo Vyre

grupovyre.com

Impresso07

Papel timbrado A4

Faixa superior azul-noite com logo + corpo branco. Filete Azul Vyre 0.5pt entre seções. Mono no rodapé.

Físico08

Camiseta uniforme equipe

Camiseta preta lisa, símbolo Vyre bordado em azul-vyre no peito esquerdo (40mm altura). Sem texto.

Caderneta

Brinde09

Caderneta de campo (brinde)

Caderneta capa dura preta fosca, símbolo Vyre em prata holográfica no centro (30mm). Miolo pautado.

Painel · Lola

Memórias

632

Projetos

Produto10

Dashboard da Lola (interface)

Interface dark com canvas Grafite Sistema, cards Azul-noite, CTAs Azul Vyre, links Cyan Pico. Tipografia Inter 14px corpo, Geist 18px títulos.

Brinde11

Adesivo de notebook

Recorte do símbolo isolado em vinil cinza-chumbo holográfico ou branco premium. Tamanho 60mm.

Marca não é peça solta.

@grupovyre

Social12

Capa LinkedIn institucional

1584×396 azul-noite com tagline 'Marketing, tecnologia e design no mesmo ciclo.' em Geist 600 + símbolo discreto.

10 · Onde a marca encosta

Aplicações

Proposta comercial

PDF gerado via react-pdf no padrão Vyre: capa azul-noite com símbolo neon, índice Geist 600, ficha técnica JetBrains Mono. Sempre com seção de método, prova e investimento clara.

Brandbook do cliente

Manual web (template-brandbook) instanciado por cliente. Cada brand.config.ts vira um site Next 15 navegável.

Apresentação institucional

Deck 16:9 com capa neon, slides azul-noite. Tipografia Geist para títulos, Inter para corpo. Métricas com fonte e data ao lado.

Social media

Feed dividido entre bastidor de projeto, insight curto e case ativo. Stories diários do estúdio.

Site institucional

Single page longo com hero neon, manifesto, serviços, plataforma Lola, time e CTA. Animação respeitando prefers-reduced-motion. Performance acima de 95 no Lighthouse.

Assinatura de e-mail e papelaria

Cartão de visita preto fosco com símbolo neon impresso em prata holográfica. Papelaria mínima — site faz o trabalho pesado.

Produto Lola

Identidade da Lola alinhada à Vyre: paleta herdada, interface azul-noite, mensagens em português BR com personalidade definida. Modos (executor/learning/colega) adaptam comportamento.

11 · Acolher quem usa

Acessibilidade

Contraste

Contraste mínimo AA: 4.5:1 para corpo e 3:1 para texto grande. Azul Vyre sobre Azul-noite NÃO passa AA — sempre intercalar com branco. Branco sobre Azul-noite atende AAA; Cyan Pico só em elementos não-textuais ou texto grande (24px+).

Tamanho de fonte

Tamanho mínimo de corpo: 16 px em telas, 9 pt em impresso. Métricas em JetBrains Mono nunca abaixo de 14 px em interface.

Alt text

Toda imagem informativa precisa de alt text descrevendo a cena ou o dado mostrado. Imagem decorativa pode ter alt vazio (alt=""). Captura de tela de dashboard exige alt detalhado.

12 · Como se move

Motion

Easing

ease-out para entradas (cards subindo, números contando), ease-in-out para transições entre estados. Curva firme com leve aceleração no início — como tela carregando rápido.

Duração

120 a 240 ms para microinterações. Até 400 ms para transições entre seções. Acima disso, perde sensação de produto responsivo.

Reduced motion

Respeitar prefers-reduced-motion: substituir animações por fade simples ou estado estático. O glow do logo é decorativo — desligar quando preferência ativa.

14 · Pra levar

Downloads

Tudo o que você precisa pra colocar a Vyre no mundo: logos, paleta e fontes oficiais.