Building Professional
Identities.
SigCraft is a high-performance, professional email signature generator designed for modern professionals and teams. Crafted with precision and built for delivery.
Table of Contents
Getting Started
Choose a Template
Select from our curated gallery of 12+ professional layouts, ranging from minimal to editorial styles.
Enter Your Details
Fill in your professional information, social links, and upload your company logo or headshot.
Customize Styling
Adjust colors, typography, and iconography to match your personal or corporate brand identity.
Deploy Signature
Copy the generated HTML directly to your clipboard or download the source file for manual installation.
Template Guide
SigCraft offers a variety of template styles to suit different professional needs. Each template is optimized for cross-client compatibility.
Clean, balanced layout with a strong sidebar accent. Best for general professional use.
Traditional business layout with clear hierarchy and contact icons.
Ultra-clean, text-focused design for those who prefer subtlety.
Bold, brutalist-inspired design with vertical rail text and high contrast.
Space-saving layout that fits perfectly in short email threads.
Magazine-style typography with oversized names and elegant spacing.
Structured and formal, ideal for large organizations and law firms.
Single-line focus for minimal vertical footprint.
Modern card-style layout with a vertical accent bar.
Sophisticated typography using serif fonts for a premium feel.
Terminal-themed design with syntax highlighting and code-like structure.
Includes a promotional banner area for CTAs and announcements.
Customization & Features
Dynamic Branding
Change theme colors instantly. All icons and accents update to match your brand hex code.
QR Code Integration
Automatically generate a QR code linking to your website for easy mobile scanning.
Handwritten Signatures
Draw your signature directly in the app or upload a scan for a personal touch.
QR Code Facility
SigCraft integrates a real-time QR code generator that bridges the gap between digital emails and mobile interaction. When enabled, it uses the Website URL provided in your personal details to generate a high-quality QR code.
- Instant mobile access to your portfolio or company site
- Real-time generation using industry-standard APIs
- Toggle on/off with a single click in the Branding section
- Optimized for scanning even at smaller signature scales
Custom Handwritten Signature
Digital signatures often feel cold. SigCraft allows you to add a human element by either drawing your signature directly on our interactive canvas or uploading a high-resolution scan of your physical signature.
Interactive Canvas
Smooth drawing engine optimized for both mouse and touch input.
Precision Controls
Adjust line thickness, color, scale, and exact X/Y positioning.
Tip: Use the "Move" tool to perfectly align your signature with the text elements in your chosen template.
Installation & Setup
1Extract the Pack
Locate your downloaded sigcraft-studio.zip file. Right-click and select "Extract All" (Windows) or double-click (macOS) to unzip the project files.
2Install Dependencies
Open your terminal in the extracted folder and run the installation command to fetch all required libraries.
# Navigate to the folder
cd sigcraft-studio
# Install dependencies
npm install
# Start development server
npm run dev
Node.js 18+ Required
Ensure you have the latest LTS version of Node.js installed.
Tailwind CSS v4
Built with the latest Tailwind engine for maximum performance.
Email Client Setup
Gmail / Google Workspace
- 01.Click the Copy HTML button in SigCraft.
- 02.Open Gmail Settings → See all settings → General.
- 03.Scroll to Signature and click "Create new".
- 04.Paste (Cmd+V / Ctrl+V) directly into the signature box.
Outlook (Web & Desktop)
- 01.Copy the signature from SigCraft.
- 02.Go to Settings → View all Outlook settings → Mail → Compose and reply.
- 03.Under Email signature, paste your signature.
Apple Mail
- 01.Open Mail → Settings → Signatures.
- 02.Select an account and click the + button.
- 03.Uncheck "Always match my default message font".
- 04.Paste your signature into the edit box.
Folder Structure
SigCraft follows a standard modern web architecture. Here is where you can find the core logic:
Technology Stack
Best Practices
Keep it Concise
Avoid including too much information. Stick to your name, title, company, and 2-3 primary contact methods.
Image Optimization
Use images with a resolution of at least 200x200px. Always host images on a reliable CDN for consistent loading.
Mobile First
Test your signature on mobile devices. SigCraft templates are responsive, but long names or titles can still wrap.
Legal Compliance
Some regions require specific company information (like registration numbers) in business emails. Check your local laws.
Frequently Asked Questions
Why do images not show in Gmail?
Gmail often blocks Base64 (uploaded) images. For best results, upload your logo to a public host (like Imgur or your own website) and use the URL option.
Can I add custom fonts?
We support standard web-safe fonts and a selection of Google Fonts. Custom font files are not supported in email clients as they often fail to load.
How do I update my signature?
Simply return to the app, make your changes, and re-copy the HTML to your email client settings.