Milésimos garantidos
Cartão com fundo branco, cantos arredondados e fio dourado que cresce no hover.
Brand Guidelines
Tudo o que define a identidade visual da FC Joias®, do logotipo às animações do site, com as regras para aplicá-la com fidelidade no impresso e no digital.
Princípios
Preservar a identidade, elevar a execução.
Neste manual estão demonstradas as definições conceituais, estratégias e as normas que estabelecem os critérios para a aplicação correta da identidade visual da Marca FC Joias®. Se for necessário, o departamento de marketing poderá auxiliá-lo a fazer a correta leitura e tradução da linguagem gráfica na aplicação destas normas, assim como em adequações às situações não previstas neste manual.
Com 25 anos de história, a FC Joias tem uma identidade consolidada. No digital, as mesmas cores e o mesmo logotipo continuam; o que evolui é a execução: tipografia fluida, movimento com significado e fotografia real da empresa.
Reproduza sempre os arquivos originais. Quaisquer modificações e formas de utilização diferenciadas devem ser consultadas e aprovadas pelo gerente de Marketing da FC Joias®.
- Azul como cor principal
- Dourado como acento
- Fotografia real, nunca banco de imagens
- Movimento preciso, sem exageros
Logotipo
Logotipo e variações
Logotipo oficial, logotipo horizontal e ícone, com as versões para fundo azul, fundo claro, fundo escuro e sem fundo.
Logotipo oficial, fundo azul 
Logotipo oficial, fundo claro 
Logotipo oficial, fundo escuro 
Logotipo oficial, sem fundo 
Logotipo horizontal, fundo azul 
Logotipo horizontal, fundo claro 
Logotipo horizontal, fundo escuro 
Logotipo horizontal, sem fundo 
Ícone, fundo azul 
Ícone, fundo claro 
Ícone, fundo escuro 
Ícone, versão monocromática
Aplicação digital
Qual versão usar em cada lugar
No digital, a escolha da versão depende do fundo e do tamanho em que a marca aparece.
Fundo claro
Logotipo horizontal na versão padrão, com o texto em azul principal e o símbolo dourado.
Fundo azul ou escuro
Versão com texto branco e símbolo dourado, como no topo e no rodapé do site.
Favicon e avatar
Somente o ícone isolado. O logotipo completo reduzido fica ilegível em tamanhos pequenos.
Arquivos oficiais
Use sempre os arquivos da área de downloads, nunca recortes ou capturas de tela.
Usos incorretos
O que nunca fazer com a marca
A composição visual da nossa marca deve ser preservada. Alterações ou deformações são proibidas. É obrigatório manter as características originais da marca FC Joias®, com o uso de arquivos oficiais e seguindo suas regras de aplicação.
Não criar objetos contornando a marca 
Não alterar composição dos elementos 
Não comprimir 
Não esticar 
Não alterar fonte 
Não alterar cores do símbolo 
Não aplicar gradiente 
Não utilizar como marca d'água 
Não criar sub-marcas 
Não alterar símbolo 
Não aplicar efeitos 
Não utilizar fundo da mesma cor da marca
Aplicação
Redução mínima
Em todas as versões da marca as reduções devem respeitar um tamanho mínimo, para que a marca não perca legibilidade. Respeite o tamanho mínimo estabelecido neste manual em qualquer situação.
- Ícone: 0,5 cm de largura
- Logotipo horizontal: 1,5 cm de largura
- Logotipo oficial: 1,5 cm de largura
- Na tela: ícone com no mínimo 16 px
Aplicação
Arejamento
Deve ser resguardada uma área de arejamento em torno da marca. A zona de arejamento deve estar livre de interferência de elementos gráficos e/ou textos, para preservar a integridade e legibilidade da marca.
Malha do logotipo oficial 
Malha do logotipo horizontal
Cores
Cores institucionais
As quatro cores oficiais da marca, com as referências Pantone, RGB, HEX e CMYK. Clique no código HEX para copiá-lo.
- Azul principal
- Pantone
- 2374 C
- HEX
- #4D5F80
- RGB
- 77 95 128
- CMYK
- 73 53 16 20
- Amarelo dourado
- Pantone
- 128 U
- HEX
- #FCCF61
- RGB
- 243 213 78
- CMYK
- 0 7 75 0
- Azul escuro
- Pantone
- 2768 CP
- HEX
- #071D49
- RGB
- 7 29 73
- CMYK
- 100 78 0 66
- Azul institucional
- Pantone
- 2144 U
- HEX
- #0067B9
- RGB
- 0 103 185
- CMYK
- 93 55 0 0
Cores no digital
O azul na frente, o dourado no detalhe.
No site e nas peças digitais, o azul principal (PANTONE 2374 C) é a superfície dominante. O dourado entra como acento, e cada cor tem um papel definido.
Proporção de uso nas telas
38%25%12%10%
Azul principal
#4D5F80 ·
brandCor da marca. Fundos de destaque, títulos sobre claro e botões secundários.
Azul profundo
#3A4862 ·
brand-deepMesmo matiz, mais profundo. Texto sobre o dourado e fundos de apoio, como o rodapé.
Branco
#FFFFFF ·
whiteFundo das seções de leitura e da fotografia de produto.
Creme
#F8F3EA ·
cream-100Fundo alternativo para cartões informativos e perguntas frequentes.
Dourado
#FCCF61 ·
gold-400Acento: botões principais, números de destaque, ícones e fios. Nunca como texto sobre fundo claro.
Texto
#484A52 ·
ink-bodyCorpo de texto sobre fundos claros.
Azul institucional
#0067B9 ·
blue-500Links e pequenos destaques sobre fundos claros.
Acessibilidade
Contraste testado
Toda combinação de texto e fundo segue a norma WCAG: 4,5:1 para texto comum e 3:1 para texto grande.
- AaTexto de exemplo
Branco sobre azul principal
Títulos e corpo de texto nas seções azuis.
6,43:1Aprovado - AaTexto de exemplo
Branco 85% sobre azul principal
Texto de apoio. Abaixo de 85% de opacidade o contraste reprova.
5,19:1Aprovado - AaTexto de exemplo
Dourado sobre azul principal
Só títulos, números de destaque, ícones e fios.
4,36:1Só texto grande - AaTexto de exemplo
Azul profundo sobre dourado
Texto dos botões dourados.
6,24:1Aprovado - AaTexto de exemplo
Azul principal sobre branco
Títulos sobre fundos claros.
6,43:1Aprovado - AaTexto de exemplo
Texto sobre branco
Corpo de texto das páginas.
8,84:1Aprovado - AaTexto de exemplo
Azul institucional sobre branco
Links e destaques sobre fundo claro.
5,77:1Aprovado - AaTexto de exemplo
Dourado sobre branco
Nunca usar como texto, nem em tamanho grande.
1,48:1Reprovado
Tipografia
Uma voz no logotipo, outra na leitura.
A Ageo dá forma ao logotipo e às peças institucionais. No digital, a Roboto conduz títulos e textos, e a Poppins fica reservada para rótulos curtos.
Ageo
Fonte primária: logotipo e peças institucionais impressas
Roboto Black
Títulos no digital
Galvanoplastia de precisão
Roboto Regular
Corpo de texto no digital
Banho de ouro, prata e ródio para semijoias no atacado, com controle em cada lote.
Poppins Semibold
Rótulos, selos e etiquetas
ISO 9001 · Desde 2001
Escala fluida
text-7xl
48 a 96 px
Título de abertura
Banho de confiança
text-5xl
40 a 64 px
Título de seção
Cada lote é medido
text-3xl
32 a 44 px
Subtítulo de seção
Laboratório próprio
text-2xl
26 a 32 px
Título de cartão
Cores de banho
text-lg
20 a 24 px
Destaque e subtítulo
Do recebimento à expedição
text-base
16 a 18 px
Corpo de texto
Controle de camada em milésimos e rastreabilidade.
text-caption
13 a 14 px
Legendas e rótulos
Limeira, SP, Brasil
Regras de aplicação
- Títulos com peso Black e espaçamento entre letras de no mínimo -0,04em, para as letras não colarem.
- Títulos com quebra equilibrada e parágrafos longos com no máximo 75 caracteres por linha.
- Corpo de texto com no mínimo 16 px de tamanho.
- Caixa alta só em rótulos curtos e selos, nunca em texto corrido.
- Texto claro sobre fundo azul ganha um pouco mais de entrelinha.
- Nunca usar a Poppins em títulos ou em textos longos.
Motivos gráficos
Os elementos que vêm do logotipo
Quatro motivos, todos derivados do próprio logotipo e do universo do laboratório, dão unidade às páginas sem competir com o conteúdo.
Anel dourado
O círculo do símbolo. Emoldura fotos e ilustrações, com partículas de ouro que orbitam como no banho.
Estrela de quatro pontas
O brilho sobre o símbolo. Marca destaques e cintila devagar, nunca pisca.
Fio dourado
O traço sob o nome. Separa blocos de texto e cresce quando algo ganha foco.
Mostrador
As marcações de medição. Aparecem ao fundo e giram lentamente, lembrando a precisão do processo.
Movimento
Precisão também no movimento.
As animações explicam e conduzem o olhar. Elas seguem o tom técnico da marca: galvanoplastia de precisão, não brinquedo.
- 01
Curvas de saída suaves
Tudo desacelera no final (expo e quart). Nada de quique nem efeito elástico.
- 02
Coreografia, não repetição
Cada seção tem uma entrada própria, ligada ao que ela mostra, em vez do mesmo efeito em toda a página.
- 03
Movimento com significado
Íons orbitam o anel, a peça mergulha nos tanques e a água clareia no tratamento: o movimento conta o processo.
- 04
Conteúdo sempre visível
Nenhum texto depende da animação para aparecer. Se o movimento falhar, a página continua completa.
- 05
Respeito ao movimento reduzido
Quem ativa essa opção no sistema vê o estado final direto, sem loops.
A curva da marca
Saída suave (expo): usamos
Quique (bounce): não usamos
Componentes
Peças da interface
Os elementos abaixo são os mesmos usados no site. Passe o mouse para ver os estados.
Botão principal: dourado com texto em azul profundo, seta em círculo e reflexo de luz no hover.
Botão sobre fundos claros: azul principal com seta dourada.
- Ver o processo produtivo
Link de texto: sublinhado fino que se completa no hover, seta que avança.
- Banho em ouroOpcionalLimeira, SP
Etiquetas em Poppins, caixa alta e espaçamento aberto, sempre curtas.
Infográfico Cartões com uma única ação; nada de bordas coloridas nas laterais.
Atenção ao bruto
Avisos importantes usam o dourado com texto em azul profundo.
Avisos: dourado para atenção, azul para informação.
Layout
Ritmo, espaço e telas
Espaços pequenos agrupam, espaços grandes mudam de assunto. As medidas crescem com a tela e seguem os mesmos pontos de quebra do site atual.
Escala de espaçamento
space-1
4 px
Ajuste fino, ícone e rótulo
space-2
8 px
Espaço interno pequeno
space-3
16 px
Espaço padrão de componente
space-4
24 px
Entre elementos de um bloco
space-5
32 px
Entre grupos de elementos
space-6
40 a 64 px
Entre blocos de uma seção
space-7
64 a 112 px
Entre seções
space-8
96 a 176 px
Abertura e fechamento de página
Pontos de quebra
xs
480px
Celular grande
sm
576px
Celular deitado
md
768px
Tablet
lg
992px
Tablet deitado e notebook pequeno
xl
1200px
Notebook
2xl
1400px
Telas grandes
Fotografia
Imagens reais, luz de estúdio.
Toda foto mostra a FC Joias como ela é: o laboratório, a equipe, as peças e a empresa. Banco de imagens genérico não representa a marca.
Produto em fundo neutro
Peças em plinto ou fundo claro, com luz de estúdio e a cor do banho fiel à realidade.
Ciência aplicada
Mãos com luvas, equipamentos e análises mostram o controle técnico por trás de cada lote.
Pessoas da empresa
A equipe e os porta-vozes da FC Joias, nunca modelos genéricos no lugar de quem faz o trabalho.
Descrições reais
O texto alternativo descreve a cena de verdade, não apenas 'foto de joia'.
Referências da direção de imagem
Ciência aplicada: laboratório real 
Still de produto em fundo neutro 
A empresa como ela é 
Cor do banho fiel à peça 
Pessoas reais da equipe 
A joia sobre o azul da marca
Downloads
Arquivos da marca
Baixe os arquivos originais do logotipo no formato adequado a cada aplicação. Os arquivos ficam em pastas do Google Drive.
Dúvidas sobre a aplicação da marca?
O departamento de marketing da FC Joias ajuda na leitura destas normas e em situações não previstas neste manual.