Skip to main content

Diretrizes de Marca FitLocus

A identidade visual do FitLocus foi projetada para transmitir uma sensação de modernidade, minimalismo e foco em resultados. Este guia apresenta os elementos fundamentais da marca e como utilizá-los corretamente. O logo do FitLocus é composto por um símbolo e um logotipo, que podem ser utilizados juntos ou separadamente, dependendo do contexto.
Logo FitLocus

Variações

O logo possui diferentes variações para uso em diferentes contextos:
VariaçãoUso
NormalVersão padrão para a maioria dos usos
SecundáriaVersão alternativa para contextos específicos
PretoPara uso em fundos claros
BrancoPara uso em fundos escuros
VerdeVersão monocromática na cor primária

Área de Proteção

Sempre mantenha uma área de proteção ao redor do logo, equivalente à altura da letra “F” do logotipo.

Tamanho Mínimo

Para garantir a legibilidade, o logo não deve ser utilizado em tamanhos menores que:
  • 30px de altura para uso digital
  • 10mm de altura para uso impresso

Paleta de Cores

A paleta de cores do FitLocus é composta por cores principais e secundárias que transmitem energia, foco e modernidade.

Cores Principais

Verde Primário

HEX: #B4ED00

RGB: 180, 237, 0

Cinza Escuro

HEX: #202020

RGB: 32, 32, 32

Branco Off-white

HEX: #F9F9F9

RGB: 249, 249, 249

Cores Secundárias

Cinza Médio

HEX: #A6A6A6

Cinza Claro

HEX: #E5E5E5

Verde Escuro

HEX: #8CB800

Verde Claro

HEX: #D6FF7E

Tipografia

A tipografia do FitLocus utiliza duas fontes principais que se complementam para criar uma identidade visual coesa e moderna.

Fonte Principal: Hanken Grotesk

Hanken Grotesk é utilizada para a maioria dos textos, incluindo títulos, parágrafos e elementos de interface.

Hanken Grotesk Bold

Hanken Grotesk Medium

Hanken Grotesk Regular para textos e parágrafos.

Hanken Grotesk Light para textos secundários.

Fonte Secundária: SUPERINE

SUPERINE é utilizada para títulos de destaque e elementos especiais que precisam de maior impacto visual.

SUPERINE BOLD

SUPERINE REGULAR

Hierarquia Tipográfica

ElementoFontePesoTamanho
H1SUPERINEBold36px/2.25rem
H2Hanken GroteskBold30px/1.875rem
H3Hanken GroteskBold24px/1.5rem
H4Hanken GroteskMedium20px/1.25rem
H5Hanken GroteskMedium18px/1.125rem
H6Hanken GroteskMedium16px/1rem
ParágrafoHanken GroteskRegular16px/1rem
Texto pequenoHanken GroteskRegular14px/0.875rem
BotõesHanken GroteskMedium16px/1rem

Elementos Visuais

Ícones

Os ícones do FitLocus seguem um estilo minimalista e consistente, com linhas finas e cantos arredondados.

Pagamento

Concluído

Lista

Botões

Os botões do FitLocus seguem um estilo consistente com cantos arredondados e cores da paleta principal.

Cards

Os cards do FitLocus utilizam cantos arredondados, sombras sutis e espaçamento generoso.

Título do Card

Conteúdo do card com informações relevantes para o usuário.

Fotografia

As fotografias utilizadas no FitLocus devem seguir estas diretrizes:
  • Foco em pessoas reais praticando exercícios
  • Iluminação natural e clara
  • Cores vibrantes mas não saturadas
  • Composição limpa e minimalista
  • Expressões faciais positivas e motivadoras

Voz e Tom

A comunicação do FitLocus deve seguir estas diretrizes:
  • Direta e clara: Comunicação objetiva e fácil de entender
  • Motivadora: Incentiva a ação e o progresso
  • Profissional mas acessível: Conhecimento técnico apresentado de forma compreensível
  • Inclusiva: Linguagem que abraça todos os níveis de condicionamento físico
  • Positiva: Foco em conquistas e possibilidades, não em limitações

Aplicações Incorretas

Evite estas aplicações incorretas da marca:
  • Distorcer ou alterar as proporções do logo
  • Usar cores fora da paleta oficial
  • Aplicar efeitos como sombras ou gradientes no logo
  • Usar a fonte SUPERINE para textos longos
  • Utilizar emojis na comunicação oficial
  • Aplicar o logo sobre fundos com padrões complexos
  • Usar linguagem técnica excessiva ou gírias