Guia de Estilo de Marca

Documentação visual e técnica da identidade CPFHub.io

Logo e Identidade

CPFHub.io

Logo Principal

CPFHub.io

Logo em Fundo Colorido

CPFHub.io

Logo em Fundo Claro

Ícone Isolado

Diretrizes de Uso do Logo

✓Mantenha espaçamento mínimo equivalente à altura do ícone ao redor do logo
✓Use as variantes apropriadas para cada tipo de fundo
✓O ícone pode ser usado isoladamente em espaços reduzidos
✗Não altere as cores ou proporções do logo
✗Não adicione efeitos, sombras ou distorções

Paleta de Cores

Azul Primário

Cor principal da marca, usada em botões primários, links e destaques

Azul Claro

Variação clara, usada em gradientes e elementos de destaque

Azul Escuro

Variação escura, usada em estados hover e gradientes

Cinza 900

Texto principal em fundos claros

Cinza 400

Texto secundário e descrições

Verde Sucesso

Indicadores de sucesso e status positivo

Vermelho Erro

Indicadores de erro e avisos críticos

Amarelo Aviso

Indicadores de atenção e avisos

Gradientes

from-blue-400 to-blue-600

from-blue-500/20 to-blue-600/20

Tipografia

Fonte Principal: Inter

A fonte Inter é usada em todos os textos do site. Ela oferece excelente legibilidade e uma aparência moderna e profissional.

Regular

400

Medium

500

Semibold

600

Bold

700

Heading 1text-4xl sm:text-5xl font-bold

CPFHub.io

Heading 2text-3xl sm:text-4xl font-bold

Validação de CPF

Heading 3text-2xl sm:text-3xl font-semibold

API REST Simples

Heading 4text-xl sm:text-2xl font-semibold

Documentação Completa

Body Largetext-lg font-normal

Integre validação de CPF em minutos.

Bodytext-base font-normal

API de consulta de CPF para sua aplicação.

Body Smalltext-sm font-normal

Resposta em tempo real com dados precisos.

Componentes

Botões

Cards

Card Padrão

Usado para conteúdo geral e seções destacadas

Card em Destaque

Usado para elementos importantes e planos em destaque

Código

const response = await fetch('https://api.cpfhub.io/v1/cpf/12345678900');

Diretrizes Gerais

Este guia de estilo define os elementos visuais da marca CPFHub.io. Ao criar novos materiais, mantenha consistência com estes padrões.

A identidade visual do CPFHub.io é construída sobre princípios de clareza, confiabilidade e modernidade, refletindo a natureza técnica e profissional do produto.

Para dúvidas sobre o uso correto da marca ou solicitações especiais, entre em contato através do nosso suporte.