Tarjetas

Imagen a texto

Sin imagen

Ningun archivo seleccionado

Texto

Texto a JSON

Prompt

JSON

{
  "name": "Nombre Apellido",
  "title": "Directora Comercial",
  "company": "Garetto Studio",
  "email": "nombre@garetto.algundominio.link",
  "phone": "+56 9 1234 5678",
  "website": "garetto.algundominio.link"
}

JSON a SVG

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="720" height="420" viewBox="0 0 720 420">
  <rect width="720" height="420" rx="28" fill="#f8fafc"/>
  <rect x="34" y="34" width="652" height="352" rx="22" fill="#ffffff" stroke="#cbd5e1"/>
  <circle cx="96" cy="96" r="34" fill="#0891b2"/>
  <text x="150" y="92" font-family="Arial, sans-serif" font-size="34" font-weight="700" fill="#0f172a">{{name}}</text>
  <text x="150" y="130" font-family="Arial, sans-serif" font-size="20" fill="#475569">{{title}}</text>
  <text x="150" y="172" font-family="Arial, sans-serif" font-size="18" fill="#0e7490">{{company}}</text>
  <line x1="74" y1="230" x2="646" y2="230" stroke="#e2e8f0"/>
  <text x="74" y="278" font-family="Arial, sans-serif" font-size="20" fill="#334155">{{email}}</text>
  <text x="74" y="318" font-family="Arial, sans-serif" font-size="20" fill="#334155">{{phone}}</text>
  <text x="74" y="358" font-family="Arial, sans-serif" font-size="20" fill="#334155">{{website}}</text>
</svg>

Flujo de tarjeta digital

Imagen a texto

Texto a JSON

JSON a SVG