Gerador de layout para cartão de visita
Transforme poucos dados de identidade e contato em um layout prático de cartão de visita sem estimar coordenadas visualmente.
Executar grátis
Escolha um tamanho padrão e a orientação, defina se quiser uma margem segura e receba áreas determinísticas para nome, cargo, empresa, e-mail, telefone, site e endereço. Todas as coordenadas são fornecidas em milímetros e os tamanhos tipográficos em pontos, permitindo usar o resultado em documentos, modelos de impressão e fluxos de marca reproduzíveis.
Comece pelo cartão final e pela área segura
O layout de um cartão de visita começa pelo objeto físico, não por uma tela digital. Selecione o padrão dos Estados Unidos, ISO ou japonês e escolha a orientação horizontal ou vertical. O gerador informa largura e altura finais em milímetros e desconta a margem interna solicitada para definir uma área segura. Todas as regiões de texto ficam dentro dela. Essa margem não representa sangria nem tolerância de corte; esses parâmetros de produção devem ser acrescentados fora das dimensões finais pelo sistema de documentos que consumir o resultado. Manter essa diferença clara impede que o texto fique próximo demais de uma borda aparada. A margem padrão de quatro milímetros é um ponto de partida conservador, enquanto a faixa aceita permite ajustar a densidade visual. Como todas as posições usam a mesma origem superior esquerda e a mesma unidade, você pode transferir o resultado diretamente para SVG, canvas, PDF ou editoração com uma única conversão consciente de unidades.
Entenda a distribuição das áreas de texto
A área segura é dividida em uma seção de identidade e outra de contato. A identidade sempre começa pelo nome obrigatório, seguido pelo cargo e pela empresa quando esses valores existem. Campos opcionais vazios são omitidos e, portanto, não deixam linhas em branco sem explicação. A seção restante é compartilhada por e-mail, telefone, site e endereço nessa ordem estável. Cada região contém identificador, função semântica, texto normalizado, posição, dimensões, tamanho da fonte, limite de linhas e alinhamento. Trata-se de uma especificação de layout, não de uma arte renderizada: ela oferece caixas confiáveis ao aplicativo final, enquanto família, peso, cor, elementos decorativos, logotipo e fundo continuam sob controle da identidade visual. Cartões horizontais dão mais ênfase vertical à identidade; os verticais equilibram as seções. Entradas idênticas sempre geram a mesma geometria, o que favorece testes, produção em lote e modelos versionados.
Use o resultado em fluxos impressos ou digitais
Use o objeto do cartão para criar a prancheta e o objeto da área segura para desenhar guias opcionais durante o desenvolvimento. Em cada item da lista de regiões, posicione o texto nas coordenadas fornecidas dentro da largura e altura declaradas. Considere o tamanho tipográfico uma recomendação ajustada: o cálculo leva em conta o comprimento do texto, a largura disponível, a altura da região e o número permitido de linhas. Um endereço longo pode ocupar duas linhas, enquanto dados curtos ficam em uma. O renderizador ainda deve aplicar as métricas da fonte real, pois famílias tipográficas variam em largura, e reduzir a sugestão quando a fonte escolhida for especialmente larga. Não aumente o texto sem verificar transbordamentos. Acrescente sangria, marcas de corte, perfis de cor e tolerâncias da gráfica depois da composição. Em prévias digitais, preserve a proporção física para que a aprovação corresponda à impressão, sem distorções provocadas pela tela.
Casos de uso
Gere modelos para funcionários
Converta campos do diretório em caixas consistentes antes de renderizar cartões com a identidade da empresa em lote.
Crie um formulário de impressão
Visualize como os dados enviados ocupam o tamanho padrão de cartão selecionado.
Produza layouts testáveis
Utilize coordenadas determinísticas como referências para pipelines de SVG, PDF ou canvas.
Perguntas frequentes
Quanto custa uma solicitação?
Cada solicitação de API custa US$ 0,002. A versão no navegador executa localmente o mesmo cálculo determinístico.
Quais tamanhos são aceitos?
São aceitos os tamanhos finais dos Estados Unidos de 88.9 por 50.8 milímetros, ISO de 85 por 55 milímetros e japonês de 91 por 55 milímetros.
A margem segura inclui sangria?
Não. A margem segura fica dentro da borda final. Acrescente a sangria fora das dimensões retornadas no seu sistema de produção gráfica.
Campos opcionais vazios recebem regiões?
Não. Campos ausentes ou contendo apenas espaços são omitidos, permitindo que as demais linhas aproveitem a área disponível.
A fonte sugerida cabe com qualquer família?
Ela é uma estimativa determinística baseada em geometria e comprimento. Confira as métricas reais e reduza o tamanho quando necessário.
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/doc/business-card-layout \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"name":"Jordan Lee","card_size":"us"}'const res = await fetch("https://api.kit.forhosting.com/doc/business-card-layout", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"name": "Jordan Lee",
"card_size": "us"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/doc/business-card-layout",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"name": "Jordan Lee",
"card_size": "us"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/doc/business-card-layout", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"name":"Jordan Lee","card_size":"us"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"name":"Jordan Lee","card_size":"us"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/doc/business-card-layout", 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
{
"name": "Jordan Lee",
"card_size": "us"
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.business_card_layout",
"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 | 25 |
max_pages | 200 |
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. |