Identidade Visual — Vivendo de CFTV

Fundo escuro

Uso recomendado para site e materiais digitais.

Mantém contraste e sensação premium.

Fundo claro

Em fundos claros, prefira um contorno/sombra leve se necessário.

Evite fundos muito coloridos para não “brigar” com o dourado.

Uniforme

Mockup da Camiseta

Identidade aplicada em uniforme: logo grande nas costas e versão reduzida no peito esquerdo, mantendo leitura, presença e sensação de impressão real.

Uniforme do Instrutor

Uniforme do Instrutor: presença e autoridade em aulas e palestras

Desenvolvida para o instrutor usar durante o curso e em palestras, comunicando profissionalismo, autoridade e consistência com a identidade da marca.

A malha confortável favorece movimento e câmera; o logo grande nas costas reforça presença da marca, enquanto a versão reduzida no peito cria identificação imediata sem exageros.

Em sala, no palco ou em gravação, a camiseta fortalece a percepção do instrutor e aumenta a confiança da audiência.

Logo grande nas costas (presença + identidade)
Logo pequena no peito esquerdo (refino + padrão)
Estética dark + ouro (autoridade + valor percebido)
Ideal para o instrutor em aulas, palestras, gravações e atendimento

Dica: mantenha respiro mínimo de 25px ao redor da marca.

Paleta de Cores

O dourado é usado apenas em pontos de máxima importância. Preto e grafite sustentam o “luxo”. Verde e azul entram como acentos por seção.

Fundo (Body)

#050505

Card

#121212

Card Hover

#1A1A1A

Ouro (Primary)

#D4AF37

Ouro (Light / CTA)

#FFD369

Ouro (Dark / Depth)

#8C6B1F

Esmeralda (Bônus)

#10B981

Safira (Comunidade)

#3B82F6

Texto Principal

#F3F4F6

Texto Secundário

#9CA3AF

Tipografia e Tom

Montserrat para autoridade (títulos) + Inter para leitura (texto). Headline forte, poucas palavras, espaçamento limpo.

Exemplos

H1 — Montserrat 800

Instale Câmeras e Fature R$ 5k a R$ 15k/mês

H2 — Montserrat 700

Formação do zero ao avançado com padrão profissional

Body — Inter 300/400

Conteúdo direto ao ponto: instalação, configuração, manutenção e prática de campo. Design premium para elevar percepção de valor e conversão.

Regras rápidas

• Títulos: Montserrat 700/800 | letter-spacing: -0.02em

• Texto: Inter 300/400/500 | line-height: 1.6–1.8

• Dourado só em: palavras-chave, números, CTA

• Seção por vez: OURO ou ESMERALDA ou SAFIRA

Ouro Esmeralda Safira

Componentes UI

Os “blocos” que dão a cara premium: badges, cards, ícones com base dourada e CTAs glass com glow controlado.

Cards Premium

Fundo grafite, borda sutil e hover com dourado + “lift”. Mantém elegância e aumenta percepção de valor.

Badges e Selos

Pílulas com blur e bordas suaves. Use para “Garantia”, “Oferta”, “Ao vivo” e prova de segurança.

232 assistindo 7 dias

Highlights

Destaque com “underline” suave (faixa translúcida). O olho vai direto no que importa sem ficar gritado.

Ganhe de R$ 5k a R$ 15k por mês

Seções por “Gemas”

Mesma lógica do site referência: cada seção tem um acento (ouro/verde/azul) para organizar o conteúdo e aumentar impacto.

Ouro — Oferta / Certificado

Ouro comunica formação e autoridade

CTA principal e preço
Selos de garantia e segurança
Certificado e conquistas

Exemplo CTA Ouro

Bloco de Oferta (Exemplo)

Oferta por tempo limitado

De R$ 497,00

R$ 97,00

ou 12x no cartão

Garantir minha vaga

Esmeralda — Bônus / Ganho

Esmeralda comunica lucro e retorno rápido

“Esse bônus paga o curso”
Custo baixo, margem alta
Conteúdo direto ao caixa

Card de Bônus (Exemplo)

Bônus que muda o jogo

Conteúdo bônus para aumentar ticket e fazer caixa rápido com serviços complementares.

Quero garantir esse bônus

Safira — Comunidade

Safira comunica tecnologia e rede de apoio

Dúvidas e casos reais
Lista de fornecedores
Evolução mais rápida

Card de Comunidade (Exemplo)

Grupo VIP de Alunos

Você não estará sozinho: suporte coletivo + networking + atalhos práticos do dia a dia.

Quero entrar no grupo

Tokens e CSS

Copie esse bloco e use como base no seu projeto para manter consistência total.

:root (Vivendo de CFTV)

:root {
  --bg-body: #050505;
  --bg-card: #121212;
  --bg-card-hover: #1A1A1A;

  --gold: #D4AF37;
  --gold-light: #FFD369;
  --gold-dark: #8C6B1F;

  --accent-green: #10B981;
  --accent-green-hover: #059669;

  --accent-blue: #3B82F6;
  --accent-blue-hover: #2563EB;

  --text-main: #F3F4F6;
  --text-muted: #9CA3AF;
  --text-dark: #111827;

  --border-light: rgba(255,255,255,0.10);

  --glow-gold: 0 0 20px rgba(212,175,55,0.15);
  --glow-green: 0 0 20px rgba(16,185,129,0.18);
  --glow-blue: 0 0 20px rgba(59,130,246,0.18);
}

Observação: use apenas 1 cor de acento por seção (ouro OU verde OU azul) para manter estética premium.

Premium Dark & Gold

Logo Vivendo de CFTV