MailCraft Studio - High-Definition Email Signature & Architecture Engine

MailCraft Studio

RETINA 2X

~/studio/config.json

v2.1

// 01. PERSONAL PROFILE

Full Name

Status / Role Pill

Prefix / Salutation

Suffix / Credentials

Job Title / Role

Organization / Brand

Department

// 02. DIRECT CHANNELS

Phone / Mobile

Email Address

Website / Portfolio

Street / Location

Country

// 03. CUSTOM METADATA ROWS

+ Pronouns + Timezone + Office Hours + Lab + PGP Key

// 01. PERSONAL HEADSHOT

Upload High-Res Headshot Supports PNG, JPEG, WEBP, and SVG formats.

High-DPI Scaling Factor [2x RETINA]

Density: 170×170px (2x DPI) ~12.4 KB (100% Crisp)

Smart DPI Compression Engine

Avatar Shape Profile

Avatar Display Size 85px

Photo Zoom / Crop 1.0x

Border Width 2px

Border Color

Company / Brand Logo Enable secondary logo next to or below headshot

// 03. SHARPNESS & TONE

Brightness 100%

Contrast 100%

Saturation 100%

// 01. LAYOUT ARCHITECTURE

Vertical Divider

Horizontal Bar

Two Column Grid

Modern Card

Header Hero Banner

Academic Multi-Affil

//

Micro-Thread Reply

Obsidian Terminal

Minimal Left

Compact One-Liner

Clean Typographic (No Image)

Editorial Serif (No Image)

Chip Badges (No Image)

// DELIVERY PRO TIP: Send rich signatures with photos & icons from Desktop webmail/clients to retain full graphic fidelity. For sending directly from mobile phone mail apps, choose one of the No-Image Hyperlink Templates (Clean Typographic, Editorial Minimalist, Modern Chip Badges) to guarantee zero broken images.

// 02. COLOR MATRIX

Accent Color (Dividers, Highlights, Icons)

Name Heading Color

Title & Role Color

Body Text Color

Prefix Labels Color

Links & URLs Color

Divider Line Color

Quote Text Color

Disclaimer Color

// 03. TYPOGRAPHY & SIZING

Email-Safe Font Family

Name Font Size 17px

Details Font Size 12.5px

Divider Thickness 2px

Divider Style

// 04. LINE-BY-LINE STYLING & DENSITY

Line Spacing & Vertical Density

Name Font Weight

Name Case

Title Style

Title & Org Separator

Title Font Size 13px

Contact Line Prefixes

Divider Spacing / Margin 14px

// 05. MODULAR BLOCK ORDER

Drag & drop or use arrow buttons to customize vertical signature hierarchy:

☰ [01] Identity & Title

☰ [02] Contact Channels

☰ [03] Social Links

☰ [04] Badges & Booking

☰ [05] Promo Banner & CTA

☰ [06] Signoff & Legal

// 01. ICON SCHEME

Visual Style

Icon Size 18px

Spacing 8px

// 02. ACTIVE NETWORKS & URLS

// 01. CUSTOM KEY-VALUE FIELDS

Add custom metadata rows like Pronouns, Office Hours, Calendly links, or PGP Fingerprints.

Campaign Promo Banner Full-width promotional banner with clickable link

Dynamic Live Status Badge Displays current availability or timezone indicator

Meeting / Calendar Booking Badge Direct 1-click calendar sync button

QR Code Contact Badge Embeds high-resolution vCard or custom link QR code

Static Tag / Role Badge Displays a verified role or institution tag

Badge Label Text

Generic CTA Link Button Adds a secondary action button below signature

Environmental Note Eco-friendly printing reminder

Philosophical / Inspirational Quote Adds a curated classic quote to the footer

Legal Disclaimer Formal confidentiality notice at bottom

// 01. CSV BATCH IMPORT

📄

Drag & Drop Team CSV Here

or click to select file

// 02. TEAM ROSTER (4)

// 03. 1-CLICK BATCH EXPORT

Generates individual HTML signatures + index directory in a clean ZIP bundle.

// 01. TEMPLATE BLUEPRINT

Select Email Blueprint

// 02. HEADER & SUBJECT

Subject Line

Preheader Preview Text 52 chars • Optimal

52 / 90 chars (Preheader) ✓ Perfect length for mobile & desktop

Prevent Body Leakage Anti-Leak

Appends invisible whitespace padding to isolate preheader snippet

Header Brand Banner

Header Category / Tag (Optional)

// 03. BODY CONTENT

Salutation

Supports **bold**, *italic*, <u>underline</u>, [links](url), <mark>highlight</mark>, and `code`.

Closing Salutation

Key Highlights Callout Box Adds a highlighted summary card with bullet points

// 04. CALL TO ACTION

Button Label

Button URL

// 05. EMAIL TEXT & THEME COLORS

Header Brand Text

Header Banner Bg

Salutation Text

Paragraph Body Text

Callout Title Color

Callout Text Color

CTA Button Text

CTA Button Bg

Closing Salutation

Footer Note Text

~/inbox/compose.eml

– □ ×

To: recipient@domain.com

Subject: Introduction & Project Update

Hello,

Thank you for your message. Please find my contact details and professional profile below.

Best regards,

// DELIVERY NOTICE: Send rich signatures containing photos & icons from Desktop webmail/clients (Gmail, Outlook, Apple Mail) to retain all visual graphics. For composing and sending directly within mobile phone mail apps, use No-Image Hyperlink Templates (Clean Typographic, Editorial, Chip Badges).