Calculadora de área de proteção do logo
A área de proteção evita que textos, imagens, bordas e limites da página fiquem próximos demais do logo.
Executar grátis
Esta calculadora transforma uma regra como “mantenha 1.5 vez a altura do x ao redor do logo” em uma distância mínima exata. Informe a altura exibida do logo, a altura medida do elemento de referência e o múltiplo exigido. O resultado mantém a unidade selecionada, apresenta a folga necessária em cada lado e calcula a altura total protegida com essa folga acima e abaixo.
Meça o logo e a referência na mesma escala
Comece com o logo no tamanho exato em que será usado no layout. Meça a altura total e, sem redimensionar a arte, meça o elemento indicado no manual da marca. A referência pode ser a altura de um x minúsculo, a altura de uma letra maiúscula, o diâmetro do símbolo ou outro detalhe do desenho. Os dois valores precisam usar a mesma unidade. Pixels são práticos em telas; a unidade genérica serve para medidas de impressão, como milímetros ou pontos. A calculadora não faz conversões, pois uma conversão poderia esconder escalas incompatíveis: ela preserva a unidade escolhida por você. Se o logo tiver 120 pixels e a altura do x for 24 pixels, informe esses números diretamente. Sempre que possível, meça a arte vetorial original ou uma exportação nítida. Uma prévia borrada, uma captura esticada ou um arquivo com margem transparente pode gerar uma medida que não corresponde à marca visível.
Aplique corretamente o múltiplo de proteção
O múltiplo informa quantas alturas do elemento de referência devem permanecer vazias ao redor do logo. Uma regra de 1x exige uma altura de referência; 1.5x multiplica essa altura por 1.5; 2x dobra o valor. Informe somente o número. A calculadora faz a multiplicação e devolve a folga mínima para um lado. Em geral, a mesma distância vale acima, abaixo, à esquerda e à direita, a menos que o manual determine valores diferentes. A altura protegida soma a folga duas vezes à altura do logo, uma acima e outra abaixo. Isso ajuda a verificar se um banner, cartão ou menu tem espaço suficiente. O percentual da referência funciona como diagnóstico: mostra quanto o elemento representa da altura do logo e ajuda a revelar medições feitas em escalas diferentes. Quando a norma específica da marca trouxer outra interpretação, siga sempre essa norma.
Use o resultado no layout e na entrega
Trate a área de proteção como uma zona de exclusão, e não como um espaçamento visual opcional. Texto, ilustração, fotografia, linha, limite de corte ou controle interativo não deve entrar nessa região. No aplicativo de design, crie guias ou uma moldura invisível afastada pela distância calculada nos quatro lados. Em layouts responsivos, refaça o cálculo sempre que o logo aparecer em outro tamanho, salvo quando a referência escalar junto com toda a arte. No CSS, o valor pode orientar padding ou margens, mas o contêiner pode acrescentar espaço e o navegador pode gerar pixels fracionários. Mantenha o decimal quando possível; se o sistema aceitar apenas pixels inteiros, arredonde para cima, pois arredondar para baixo violaria o mínimo. Registre altura do logo, referência, múltiplo, unidade e resultado para que a equipe reproduza a decisão. A automação pela API custa US$ 0,002 por solicitação; o navegador atende bem às verificações individuais.
Casos de uso
Definir o espaço do cabeçalho
Converta a regra de altura do x em uma folga exata antes de dimensionar a navegação do site.
Preparar uma peça impressa
Calcule a zona de exclusão em uma unidade comum e mantenha textos e marcas de corte fora dela.
Auditar modelos de design
Gere valores repetíveis para logos em tamanhos diferentes em apresentações, redes sociais e documentos.
Perguntas frequentes
O que é a área de proteção de um logo?
É a região vazia mínima ao redor da marca, criada para impedir que outros elementos a apertem ou escondam.
Qual elemento deve ser usado como referência?
Use o elemento indicado no manual da marca, como a altura do x, uma letra maiúscula ou parte do símbolo.
A folga vale para todos os lados?
O cálculo fornece o mínimo de um lado. Aplique-o aos quatro, salvo se a norma estabelecer espaços assimétricos.
Posso usar outra medida além de pixels?
Sim. Selecione a unidade genérica e informe tudo na mesma unidade; o resultado não faz conversão.
Devo arredondar pixels fracionários?
Mantenha o decimal quando possível. Se forem exigidos inteiros, arredonde para cima para preservar o mínimo.
Quanto custa a API?
A API custa US$ 0,002 por solicitação. Você também pode fazer verificações individuais no navegador.
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/image/logo-clear-space-calc \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}'const res = await fetch("https://api.kit.forhosting.com/image/logo-clear-space-calc", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/logo-clear-space-calc",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/logo-clear-space-calc", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/logo-clear-space-calc", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"logo_height": 120,
"reference_element_height": 24,
"clear_space_multiple": 1.5
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.logo_clear_space_calc",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Limites
max_mb | 15 |
max_megapixels | 12 |
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |