Building a Business Card Template
Design a compact business card template with contact details, logo, and consistent branding.
Overview
Business cards are compact documents (3.5 × 2 inches) that require careful use of space. This guide walks through creating a single-sided or double-sided business card template.
Page Setup
- Size: Custom — 252 × 144px (3.5 × 2 inches at 72 DPI)
- Orientation: Landscape
- Margins: 10px all sides (safe zone for cutting)
For high-resolution print output, design at 2× scale (504 × 288px) and scale down during printing for crisper text and graphics.
Front Side Layout
| Element | Field Key | Style |
|---|---|---|
| Logo | logoUrl | Image, 50px height, top-left |
| Full Name | fullName | 16px bold |
| Job Title | jobTitle | 10px, gray |
email | 9px, with email icon | |
| Phone | phone | 9px, with phone icon |
| Website | website | 9px, with globe icon |
Using Icon Elements
Small icon elements (12px) next to contact details improve scannability:
- Mail icon — next to email
- Phone icon — next to phone number
- Globe icon — next to website
- MapPin icon — next to address
Back Side (Optional)
For a double-sided card, add a second page with:
- Large company logo centered
- Tagline or company description
- QR code linking to digital contact card (vCard)
- Brand color background
Design Tips
- Use no more than 2 font sizes for clean hierarchy
- Leave at least 10px from all edges for print bleed safety
- Avoid cluttering — prioritize the most important contact details
- Use your brand's primary color for the name or an accent line
- Test readability at actual printed size (3.5 × 2 inches)
Sample API Data
Generate Request Data
{
"templateId": "tmpl_business_card",
"data": {
"logoUrl": "https://example.com/logo.png",
"fullName": "Alice Johnson",
"jobTitle": "Senior Product Designer",
"email": "alice@acmecorp.com",
"phone": "+1 (555) 123-4567",
"website": "www.acmecorp.com",
"address": "San Francisco, CA"
}
}Next Steps
- Name Badge Template — Similar compact design
- Icon Elements — Add icons to cards
- Batch Generation — Generate cards for entire teams