Brand Guidelines — Documento Oficial

ASSENT

Explorar

01 — Color System

Paleta de Cores

Contraste extremo entre pretos abissais e metais vivos. O fundo absorve a luz; o ouro e a prata brilham sobre ele.

Copiado ✓
#050505

Absolute Black

Fundo principal. Mais luxuoso que o preto puro — absorve luz sem achatar o espaço.

Copiado ✓
#D4AF37

Metallic Gold

Destaque premium. Ícone (seta), metade da tipografia e CTAs.

Copiado ✓
#B8860B

Dark Gold

Sombra e profundidade do dourado. Cria volume metálico nos gradientes.

Copiado ✓
#EAEAEA

Polished Silver

Texto principal e perna base do monograma 'A'. Frio e técnico.

Copiado ✓
#9E9E9E

Matte Grey

Subtítulos, textos corridos e informações secundárias.

Efeitos de Gradiente Oficiais

#D4AF37 → #B8860B  —  Dourado (Gold Sheen)

#FFFFFF → #9E9E9E  —  Prateado (Silver Sheen)

#050505 → Gold → Silver  —  Espectro Completo da Marca

02 — Typography

Sistema Tipográfico

Autoridade clássica no display, choque tecnológico no secundário. Dois extremos que se completam.

Fonte Primária — Display & Logotipo

ASSENT

Cinzel / Playfair Display

Família: Cinzel, Playfair Display Peso: Regular 400 / Bold 700 Caixa: Sempre Maiúsculas Fonte: Google Fonts — Gratuita

Fonte Secundária — Subtítulos & Botões

Digital Agency

Montserrat Light — Tracking Expandido

Família: Montserrat Peso: Light 300 / Regular 400 Letter-spacing: +300 a +500 (Photoshop) Função: Subtítulos, botões, labels

03 — Symbol

O Monograma

O 'A' direcional — geometria inquebrável com vetor de crescimento. Bi-metálico por design e por significado.

Monograma Assent

01 —

A Letra 'A'

A inicial da empresa construída em geometria triangular inquebrável. Estabilidade e autoridade em cada traço.

02 —

O Vetor de Crescimento

A perna direita do 'A' rompe a estrutura e vira uma seta ascendente — simbolizando crescimento absurdo em métricas, vendas e escala para o cliente.

03 —

A Quebra Bi-Metálica

A parte traseira em Prata simboliza a base técnica e programática. A Seta em Ouro representa o lucro e a escala final que o cliente busca.

04 — Design System

Moodboard do Hub

Diretrizes de UI para hub.assentagencia.com.br — arquitetura visual do ecossistema digital.

Fundo Absoluto

Preto puro #050505 em toda a superfície. Absorve luz, cria percepção de espaço infinito e faz os elementos metálicos ressaltarem.

Cards Glassmorphism

Vidro escuro com bordas microscópicas douradas — rgba(212,175,55,0.2). Profundidade sem peso, elegância sem exagero.

Animações

Entradas suaves com stagger delay. Elementos metálicos com efeito de reflexo de luz ao hover. Nenhuma animação brusca ou chamativa.

Botões de CTA

Fundo #D4AF37 com texto preto absoluto. Box-shadow dourado flutuante ao hover. Reflexo de luz em sweep animation.

Exemplo de Call-to-Action

Começar Projeto