Generador de diseño para tarjetas de visita
Convierta unos pocos datos de identidad y contacto en un diseño práctico de tarjeta de visita sin calcular coordenadas a ojo.
Ejecutar — gratis
Elija un tamaño estándar y una orientación, indique si lo desea un margen seguro y obtenga regiones deterministas para nombre, cargo, empresa, correo electrónico, teléfono, sitio web y dirección. Las coordenadas se expresan en milímetros y los tamaños tipográficos en puntos, por lo que el resultado sirve para documentos, plantillas de impresión y procesos de marca repetibles.
Empiece por la tarjeta terminada y su zona segura
El diseño de una tarjeta de visita parte del objeto físico, no de un lienzo de pantalla. Seleccione el estándar estadounidense, ISO o japonés y escoja orientación horizontal o vertical. El generador devuelve la anchura y la altura finales en milímetros y resta después el margen interior solicitado para establecer una zona segura. Todas las regiones de texto quedan dentro de ese espacio. Este margen no es un sangrado de imprenta ni una tolerancia de corte: esos valores de producción se añaden fuera de las dimensiones finales en el sistema documental que utilice el resultado. Distinguir ambos conceptos evita que el texto quede demasiado cerca de un borde guillotinado. El margen predeterminado de cuatro milímetros es un punto de partida prudente, y el intervalo admitido permite ajustar la densidad visual. Todas las posiciones comparten origen superior izquierdo y unidad, de modo que puede trasladarlas a SVG, canvas, PDF o programas de maquetación mediante una única conversión de unidades.
Comprenda cómo se asignan las regiones
La zona segura se divide en una sección de identidad y otra de contacto. La primera comienza siempre por el nombre obligatorio y continúa con el cargo y la empresa cuando existen. Los campos opcionales vacíos se omiten, así que no generan filas en blanco inesperadas. La sección restante se reparte entre correo electrónico, teléfono, sitio web y dirección, siempre en ese orden. Cada región incluye identificador, función semántica, texto normalizado, posición, dimensiones, tamaño de letra, número de líneas y alineación. Es una especificación de maquetación, no un diseño renderizado: proporciona cajas fiables y deja al sistema de marca la familia tipográfica, el peso, el color, los adornos, el logotipo y el fondo. Las tarjetas horizontales conceden algo más de énfasis vertical a la identidad; las verticales equilibran las secciones. Una misma entrada produce siempre la misma geometría, algo idóneo para pruebas, lotes y plantillas versionadas.
Aplique el resultado a un flujo impreso o digital
Use el objeto de tarjeta para crear la mesa de trabajo y el objeto de zona segura para mostrar guías opcionales durante el desarrollo. Para cada elemento de regiones, sitúe el texto en las coordenadas indicadas dentro de la anchura y altura correspondientes. Interprete el tamaño tipográfico como una recomendación ajustada: el cálculo considera longitud, anchura disponible, altura de región y líneas permitidas. Una dirección larga puede ocupar dos líneas, mientras que los datos breves permanecen en una. El renderizador debe aplicar sus propias métricas, porque cada tipografía tiene anchuras distintas, y reducir el tamaño sugerido si la familia elegida es especialmente ancha. No amplíe el texto sin comprobar desbordamientos. Añada sangrado, marcas de corte, perfiles de color y tolerancias de imprenta después de componer la tarjeta final. En vistas digitales, conserve la proporción física para que la aprobación refleje la impresión y no una imagen deformada por el visor.
Qué puede hacer con ella
Cree plantillas para empleados
Transforme datos del directorio en cajas de texto uniformes antes de renderizar tarjetas corporativas por lotes.
Construya un formulario de impresión
Previsualice cómo ocupan el tamaño estándar elegido los datos de identidad y contacto enviados.
Diseñe maquetas verificables
Use coordenadas deterministas como referencias para procesos de renderizado en SVG, PDF o canvas.
Preguntas frecuentes
¿Cuánto cuesta una solicitud?
Cada solicitud API cuesta $0.002. La versión del navegador puede ejecutar localmente el mismo cálculo determinista.
¿Qué tamaños de tarjeta admite?
Admite los tamaños finales estadounidense de 88.9 por 50.8 milímetros, ISO de 85 por 55 milímetros y japonés de 91 por 55 milímetros.
¿El margen seguro incluye el sangrado?
No. El margen seguro queda dentro del borde final. Añada el sangrado fuera de las dimensiones devueltas en su sistema de producción.
¿Se asignan regiones a campos opcionales vacíos?
No. Los campos ausentes o compuestos solo por espacios se omiten para que las demás líneas aprovechen el espacio.
¿El tamaño de letra sirve para cualquier tipografía?
Es una estimación determinista basada en geometría y longitud. Compruebe el ajuste con las métricas reales y reduzca el tamaño cuando sea necesario.
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su stack
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)Ejemplo de solicitud
{
"name": "Jordan Lee",
"card_size": "us"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.business_card_layout",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_mb | 25 |
max_pages | 200 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |