Guia da Marca
Referência dos estilos da marca hunterstack.io: logo, cores, tipografia e componentes do site.
01
A hunterstack.io é a plataforma que ajuda scale-ups a venderem para o mercado Enterprise. Automatizamos a obtenção de certificações como ISO 27001 e SOC 2 — o passaporte para fechar contratos com grandes empresas — e transformamos compliance em vantagem competitiva. Em vez de meses de burocracia, nossos clientes chegam à auditoria em semanas.
02
Use sempre os arquivos oficiais. O nome é escrito só com letras minúsculas: hunterstack.io.
03
Muito branco, neutros suaves e o verde só onde importa.
.png?width=220&height=50&name=logo-hs%20(2200%20x%20500%20px).png){kind=logo}
.png){kind=logo}
#1EEA0BSímbolo e “.io” do logo. No digital, só em detalhes; nunca como cor de texto sobre branco.
#000000Nome no logo.
#00A651Versão do verde para documentos, apresentações e impressos.
#FFFFFFFundo principal de todas as páginas.
#F6F7F5Seções alternadas e amostras.
#E6E8E4Bordas de cartões.
#C9CDC7Divisórias de listas e botões contornados.
#5B605BRótulos, notas e legendas.
#4A4F4AParágrafos.
#111311Títulos, textos de destaque, botão principal e chamada final.
#1F5C3ALinks de texto.
#45C93AIndicadores de status em ilustrações da plataforma.
#8A8F8ANúmeros de etapas, anos e campos a preencher.
04
Uma família, dois pesos. A hierarquia vem do tamanho, nunca do negrito.
Aa
Guaruja Neue
Usada em todo o site, no menu e nos documentos da marca. Alternativa quando a fonte não estiver disponível: Poppins, depois sans-serif.
Rótulo de seção
.hsx-eyebrowConfiança em Escala
h1Um por página, no topo.Título de seção
h2Título de seção compacta
h2.hsx-h2sSubtítulo leve
h3.hsx-h3lTítulo de cartão
h3Texto de abertura, logo abaixo do título principal.
.hsx-leadTexto corrido. Frases curtas, em português claro, com no máximo 720 px de largura.
pNotas, legendas e informações de apoio.
.hsx-small“Citações de clientes ganham destaque pelo tamanho.”
.hsx-quote3x
.hsx-big05
Peças que se repetem em todas as páginas, com as mesmas medidas.
Botões em formato de pílula (raio 999 px), 16 px, altura mínima 48 px. Um botão preto por bloco; o secundário é contornado. Links de texto em verde-escuro #1F5C3A, sublinhados.