# PALETA E IDENTIDADE VISUAL ## Live Prof. Francisco Borrello, 02/06/2026, 19h, YouTube ## Tema: Feng Shui Direcoes e Posicoes (Pa Chai + Numero Kua) > Documento mestre de identidade. Toda peca produzida pra esta live (capa YT, posts, stories, email, WhatsApp) precisa respeitar essas regras pra dar coesao de campanha. As peças anteriores do cliente (criativos_francisco) ja usam a mesma familia, mantemos. --- ## 1. PALETA PRINCIPAL ### Cores funcionais (60/30/10) | Funcao | Nome | Hex | Uso | |---|---|---|---| | 60% Fundo principal | Azul-noite profundo | #1A1A2E | Background de todas as pecas | | 30% Fundo alternado | Verde-floresta escuro | #162117 | Background de slides secundarios em carrossel | | 10% Destaque dourado | Ouro velho | #E6B324 | Titulos, CTAs, divisores, simbolos | | Texto branco puro | Branco | #FFFFFF | Headlines | | Texto secundario | Branco-gelo | #E8E8E8 | Subtitulos e corpo | | Texto suavizado | Branco 60% | rgba(255,255,255,0.6) | Detalhes, datas | | Detalhe ambar | Ambar claro | #FFBC7D | Gradientes, brilho sutil | | Linha translucida | Dourado fantasma | rgba(230,179,36,0.3) | Divisores, grades | ### Cores de apoio (apenas se necessario) | Funcao | Hex | Quando usar | |---|---|---| | Azul-ceu institucional Borrello | #6EC1E4 | Apenas em peças que dialogam com o site institucional | | Azul royal | #4054B2 | Apenas como acento secundario em infograficos | ### Gradientes recorrentes - Barra superior/inferior das pecas: `linear-gradient(90deg, #E6B324, #FFBC7D, #E6B324)` - Overlay sobre foto do Borrello: `linear-gradient(180deg, rgba(26,26,46,0.2) 0%, rgba(26,26,46,0.85) 100%)` - Halo dourado em torno de simbolos: `radial-gradient(circle, rgba(230,179,36,0.25) 0%, transparent 70%)` --- ## 2. TIPOGRAFIA ### Familias - **Playfair Display** (Bold 700, Italic 400) - titulos de impacto, serifa elegante, peso emocional - **Montserrat** (300 Light, 400 Regular, 600 SemiBold, 700 Bold, 900 Black) - corpo, subtitulos, datas, CTAs - **Cormorant Garamond** (Italic 400) - apenas para frases poeticas ou citacoes pontuais em stories ### Hierarquia padronizada | Elemento | Fonte | Peso | Tamanho (em base 1080px) | |---|---|---|---| | Headline da peca | Playfair Display | 700 | 72-96px (feed), 84-108px (story), 80-100px (thumb) | | Subheadline | Montserrat | 600 | 36-44px (feed), 40-52px (story) | | Eyebrow (acima do titulo) | Montserrat | 700 | 18-22px com letter-spacing 4-6px, MAIUSCULAS | | Corpo de texto | Montserrat | 400 | 26-32px | | Detalhe / rodape | Montserrat | 400 | 18-22px | | CTA em botao | Montserrat | 700 | 22-28px MAIUSCULAS letter-spacing 1-2px | | Frase poetica de apoio | Cormorant Garamond Italic | 400 | 30-40px | ### Link Google Fonts (para todas as peças) ```html ``` ### Regras de uso - Headline NUNCA em maiusculas se for Playfair. Maiusculas estragam a elegancia da serifa. - Eyebrow SEMPRE em maiusculas, Montserrat, com letter-spacing. - Palavra de destaque dentro da headline: trocar cor para #E6B324, manter mesma fonte e peso. - Linha de altura: 1.15 a 1.25 em titulos, 1.5 a 1.6 em corpo. --- ## 3. ELEMENTOS VISUAIS RECORRENTES (assinatura da campanha) Estes elementos aparecem em TODAS as peças pra criar a coesao de campanha. ### 3.1. Bagua geometrica estilizada (NAO o Bagua chines tradicional kitsch) O Bagua tradicional vendido em loja de incenso (octogono com trigramas em vermelho e dourado berrante) esta PROIBIDO. No lugar, usamos uma versao geometrica minimalista: - Octogono com linhas finas douradas (#E6B324, opacidade 0.4-0.6) - Apenas as 8 direcoes marcadas por pontos ou pequenas linhas finas - Sem trigramas, sem dragoes, sem ideogramas - Pode aparecer como watermark no fundo (grande, opacidade baixa) ou como elemento pequeno de assinatura na peca CSS de referencia: ```css .bagua { width: 400px; height: 400px; border: 1.5px solid rgba(230,179,36,0.4); transform: rotate(22.5deg); position: relative; } /* Octogono real via clip-path */ .bagua-shape { clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); } ``` ### 3.2. Rosa dos ventos / bussola estilizada 8 linhas saindo do centro formando estrela de 8 pontas. Linhas em dourado fino. Texto N/NE/L/SE/S/SO/O/NO em Montserrat 600 12-14px nas pontas (opcional). Vai aparecer principalmente na thumbnail e em pecas tecnicas. ### 3.3. Grade de fundo (malha geometrica fina) Mantemos a textura ja usada nas peças anteriores (Rede de Hartmann reaproveitada como malha de espaco): ```css background-image: linear-gradient(rgba(230,179,36,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(230,179,36,0.06) 1px, transparent 1px); background-size: 54px 54px; ``` Sempre presente no fundo. Cria continuidade entre todas as peças. ### 3.4. Circulos concentricos (radiestesia) Dois ou tres circulos concentricos com borda fina dourada, opacidade entre 0.05 e 0.10, centralizados. Dao profundidade visual sem competir com o conteudo. ### 3.5. Barra superior e inferior dourada Toda peça quadrada e vertical tem uma barra dourada de 4-6px no topo (e opcionalmente no rodape). Assinatura visual instantanea. ### 3.6. Numero ou letra como elemento grafico (apenas Feng Shui Classico) Numeros de 1 a 9 (Pa Chai) ou nomes das 4 direcoes pessoais (Sheng Chi, Tien Yi, Nien Yen, Fu Wei) podem aparecer como elementos graficos grandes em fundo, com baixa opacidade. Sao tecnicos e elegantes, nao kitsch. ### 3.7. Logo Borrello (texto + simbolo) - Texto "Francisco" em Montserrat 700 branco - Texto "Borrello" colado em Montserrat 700 dourado #E6B324 - Sempre no canto inferior direito ou central inferior, opacidade 0.4 a 0.7 - Tamanho proporcional: 18-24px em feed, 24-30px em story --- ## 4. MOOD BOARD EM TEXTO Sete referencias para alinhar imaginario antes de gerar qualquer arte: 1. **Capa de livro de Yuval Noah Harari, edicao Companhia das Letras** - serifa elegante grande, fundo escuro neutro, dourado discreto. Aqui transformamos em ambiente noturno calmo. 2. **Cartaz de cinema do filme Doutor Estranho** - geometria circular sobreposta a personagem, mas com paleta sobria. Pegamos a ideia da geometria mistica sem o exagero colorido. 3. **Aesthetic de marca de relogio premium tipo Vacheron Constantin no Instagram** - composicao centralizada, muito espaco negativo, dourado em detalhes, foto do produto com iluminacao dramatica. Aqui o "produto" e o Borrello. 4. **Posters de TED Talks de pensadores espiritualizados (Sadhguru, Eckhart Tolle)** - rosto em primeiro plano, fundo gradient escuro, titulo grande limpo. Solenidade sem religiosidade. 5. **Visual de mapa estelar antigo tipo planisferio celeste do seculo XVIII** - bege envelhecido nao, mas a IDEIA de mapeamento geometrico com linhas finas e simbolos discretos. Aqui aplicado em dourado sobre azul-noite. 6. **Capa do livro O Tao da Fisica de Fritjof Capra** - simbologia oriental tratada com respeito cientifico, sem caricatura. Esse e o tom de "misticismo aplicado" que o Borrello pratica. 7. **Estetica de instituto Esalen ou Hollyhock retreat** - mistico contemporaneo, sem hippie barato. Branco, areia, ouro velho, calma. Aqui em versao noturna. ### Palavras-chave do mood calmo, elegante, profundo, geometrico, dourado, noturno, ancestral mas contemporaneo, autoridade silenciosa, decifravel, sutil, respeitoso ### Palavras-chave do anti-mood berrante, kitsch, vermelho-China, sapinho, sininho, esoterismo de feira, new age 1990, fonte caligrafica chinesa cartoon, dragao mascote, fundo sortido com 12 cores, lettering em arco-iris --- ## 5. REGRAS DE COESAO ENTRE AS PEÇAS - TODA peça tem a barra dourada superior 5px com gradient. - TODA peça tem a grade de fundo 54x54px com opacidade 0.06 em dourado. - TODA peça tem o logo Francisco Borrello no rodape, posicao adaptavel. - TODA peça que cite a data usa o formato "TER 02/06 - 19H" ou "TERCA 02 DE JUNHO, 19H" (nao misturar formatos). - TODA peça cita "YouTube" quando menciona onde a live acontece. - Hashtag oficial da live: #FengShuiBorrello (se usado em legenda, nao na arte). --- ## 6. ENTREGAVEIS LIGADOS A ESTE DOCUMENTO Tudo abaixo deve respeitar 100% deste documento: - BRIEFS-CRIATIVOS.md (briefs peca a peca) - PROMPTS-IA.md (prompts otimizados para GPT Image e Nano Banana) - Pecas renderizadas (PNG) quando aprovados os briefs