Export

Business Card Export Center.

Prepare portable HTML, SVG, JSON, and QR assets for implementation, proofing, or production handoff.

HTML Print File

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Alex Morgan Business Card</title>
<style>
@page{size:3.5in 2in;margin:0}
body{margin:0;font-family:Arial,sans-serif}
.card{width:3.5in;height:2in;padding:.22in;box-sizing:border-box;background:#0647B8;color:white;display:flex;justify-content:space-between;align-items:flex-end}
h1{margin:0;font-size:20pt}p{margin:3px 0}.back{background:#0F172A}
</style>
</head>
<body>
<section class="card"><div><strong>Company Name</strong></div><div><h1>Alex Morgan</h1><p>Managing Director</p></div></section>
<section class="card back"><div><p>(555) 555-0123</p><p>alex@example.com</p><p>example.com</p><p>100 Main Street · City, ST</p></div></section>
</body>
</html>

Front SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1050" height="600" viewBox="0 0 1050 600">
<rect width="1050" height="600" fill="#0647B8"/>
<text x="60" y="120" fill="#ffffff" font-size="34" font-family="Arial">Company Name</text>
<text x="990" y="420" fill="#ffffff" text-anchor="end" font-size="64" font-family="Arial" font-weight="700">Alex Morgan</text>
<text x="990" y="475" fill="#ffffff" text-anchor="end" font-size="30" font-family="Arial">Managing Director</text>
</svg>

Project JSON

{
  "app": "AblePro Business Cards",
  "version": 6,
  "template": {
    "id": "classic-blue",
    "name": "Classic Blue",
    "industry": "General",
    "orientation": "Horizontal",
    "primary": "#0647B8",
    "accent": "#EAF2FF",
    "dark": "#0F172A"
  },
  "card": {
    "name": "Alex Morgan",
    "title": "Managing Director",
    "company": "Company Name",
    "phone": "(555) 555-0123",
    "email": "alex@example.com",
    "website": "example.com",
    "address": "100 Main Street · City, ST"
  }
}

QR Preview