Apresentação · Brand Guidelines · 2026

Identidade Visual

Brand book completo: introdução, conceito, personalidade, público, valores, paleta, tipografia, logotipo e aplicações.

Esta apresentação tem como objetivo apresentar a identidade visual da Hierk, uma marca criada para conectar consumidores e profissionais de forma acessível e inclusiva.

Aqui, compartilhamos o processo criativo e estratégico que embasou as soluções visuais desenvolvidas. Cada elemento foi concebido para refletir os valores essenciais da marca e criar uma conexão significativa com seu público-alvo.

Esperamos que o resultado atenda plenamente às expectativas, pois todo o projeto foi realizado com dedicação e atenção aos detalhes, sempre alinhado ao propósito da Hierk.

É um conjunto de elementos gráficos (logo, cores, formas, tipografia, gráficos de apoio, etc.) que exteriorizam e comunicam os valores e a essência da marca visualmente, gerando valor, percepção e reconhecimento.

Atributos visuais que sustentam a marca. Cada palavra define um vetor sensorial usado para guiar decisões de design.

A personalidade da marca são características humanas expressas através dos pontos de contato. São qualidades e sensações que a Hierk transmite ao público, tornando-a única e diferenciando-a dos concorrentes.

A escolha do público-alvo é um fator importantíssimo dentro do posicionamento de marca, visto que a definição do público ideal determinará com quem a marca precisa se comunicar e criar laços efetivos.

O público-alvo da Hierk foi definido através do briefing e, principalmente, através das diversas pesquisas realizadas.

A Hierk foi criada para revolucionar a forma como consumidores e profissionais se conectam. Inspirada na ideia de estar “aqui”, a marca promove encontros práticos e acessíveis em um mapa interativo que simboliza proximidade, inclusão e liberdade de escolha.

O nome “Hierk”, que significa “aqui” em luxemburguês, representa a conexão imediata e direta entre contratantes e profissionais. A marca destaca-se pela simplicidade e eficiência, permitindo que qualquer pessoa ou empresa encontre soluções sob medida para suas necessidades.

Por meio de uma experiência intuitiva e amigável, a Hierk empodera seus usuários a criar relações profissionais significativas, democratizando o acesso ao trabalho e criando uma rede global que valoriza a inclusão e a colaboração.

Posicionamento da Hierk em eixos opostos. Cada escala mostra onde a marca se encontra entre dois extremos.

Sistema reduzido: três tons de roxo + três neutros. Zero cores extras. Clique num swatch para copiar o hex.

Sistema completo de variação documentado no brand book oficial. Clique numa escala para expandir os 9 tons — clique num swatch para copiar o hex.

Família principal usada em toda a comunicação: títulos, corpo, UI, logotipo. Disponível no Google Fonts.

Usada em destaques, números, headers de tabela e pontos onde queremos contraste tipográfico. Mais condensada, cria hierarquia clara contra a Inter.

O símbolo da Hierk é um monolito sólido com chanfros 45° em cantos opostos. Dentro dele, o “.h” aparece como negative space transparente — adapta-se à cor do fundo. A construção é geometricamente precisa: forma resoluta, sem ornamento.

O “.h” é cutout transparente, não preenchimento fixo. Em qualquer fundo, mostra a cor de fundo — adapta-se naturalmente sem precisar de variantes manuais.

Combinações aprovadas de marca + fundo. A massa do monolito troca de cor; o “.h” permanece como cutout transparente. Cada par garante contraste suficiente para uso em UI, papelaria e mídia.

Splash em 5 atos: a gota pinga e cria ondas concêntricas; 5 folhas caem do topo e se empilham suavemente; o “h”aparece na folha; um clone do “h” emerge e se transforma no nome “hierk”; e o mesmo pontodo início vira branco, completando a marca.

A mesma sequência de splash em diferentes esquemas cromáticos. Útil para testar a vinheta em onboarding, dark mode, campanhas temáticas e contextos diversos do app. Clique em Reproduzir todas para reiniciar em sincronia.

O sistema completo: mark, wordmark e lockup horizontal.

Como a marca .h se manifesta em produtos físicos, digitais e papelaria.

19.1 Crachá

ALL-ACCESS · plástico preto · 75 × 110mm

19.2 Papelaria

Cartão de visita + papel timbrado A4

19.3 Assinatura de e-mail

Padrão @hierk.com

19.7 App icons

1024 × 1024 px

Asset 1024×1024 com squircle iOS (rx 22%) — bordas arredondadas como na tela. PNG para upload nas lojas, SVG para uso vetorial.

19.8 Redes sociais

Avatar e capa LinkedIn

20

Aplicativo Hierk

O aplicativo móvel da Hierk segue rigorosamente esta identidade visual. Tipografia, cores, espaçamento e padrões de superfície são herdados deste documento sem desvios. A coerência entre site, brand e app é inegociável.

20.2 Tokens de superfície

Mapeamento das cores no app

20.3 Componentes-chave

Avatar, Card, ListRow, Saldo e CTA

20.4 Princípios não-negociáveis

Regras que o app deve seguir

• 01Toda cor referencia tokens da paleta oficial — nunca hardcoded fora deles
• 02Tipografia exclusivamente Inter (UI) + Oswald (números/destaques)
• 03Letter-spacing -0.04em em títulos, -0.02em em subtítulos, -0.01em em body
• 04Eyebrows sempre uppercase com tracking 0.16-0.18em (Purple-light no dark, Purple no light)
• 05Cards com radius 24 em superfícies grandes, 12-14 em pequenas
• 06Hero do app sempre ink com gradient sutil para ink_2
• 07Body do app sempre off-white #F7F5F1 (cremoso, não acinzentado)
• 08Saldos e valores monetários sempre em Oswald uppercase
• 09Ícones Lucide com strokeWidth 1.6 para coerência com o site