ArcaneaCompose
13 email templates, 5 accent palettes, and a design philosophy that makes subscribers want to open your emails. No nested cards, no rainbow chaos—just clarity.
"Oasis of Calm"
Five principles that guide every template, helper, and design decision.
Monochrome + One
Each email uses exactly one accent color against #111827 dark. No rainbow overload. The constraint forces clarity.
Typography IS Design
No nested card backgrounds, no box-in-box layouts. The type hierarchy, whitespace, and one accent do all the work.
Generous Space
36px+ between sections. Emails that breathe. Every element earns its space or gets cut.
Personal Letter
Feels like a letter from someone who respects your inbox. Not a SaaS dashboard, not a marketing blast.
Mobile-First Inline
Gmail strips <style> on mobile. All critical styles inline. Desktop enhancements via @media only.
Color System
Four foundation grays plus five accent colors. One accent per email—choose based on tone and intent.
Foundation
Accents (choose one per email)
Live Preview (click an accent above)
Your Weekly Digest
This week: AI music production techniques, new Suno v4 features, and exclusive templates for Inner Circle members.
Typography Scale
System font stack (no web fonts). Large specimens below—this IS the design.
| Name | Size | Weight | Use |
|---|---|---|---|
| H1 | 24–32px | 700 | Email title (one per email) |
| Body | 16–17px | 400 | Primary readable content |
| Body Strong | 16px | 600 | Emphasis within paragraphs |
| Label | 11px | 700 | Section markers, uppercase |
| CTA | 16px | 600 | Button text, centered |
| Caption | 14px | 400 | P.S. blocks, footnotes |
| Footer | 13px | 400 | Footer text, legal |
| Micro | 11px | 400 | Unsubscribe, CAN-SPAM |
Template Gallery
13 production templates—6 for series content, 7 transactional. All built on the same helpers and design system.
Series Templates (6)
Weekly Digest
Curated highlights from the week — articles, projects, and insights
Onboarding Day 3
Three quick resources to get started with the FrankX ecosystem
Onboarding Day 7
Deeper dive into tools and frameworks with actionable steps
Onboarding Day 14
Progress check-in with community invitation and next steps
Product Launch
New product announcement with features, pricing, and early access
Behind the Music
Creative process breakdown — how a track was made with AI
Transactional Templates (7)
Welcome
First email after signup — sets expectations, links to key resources
Purchase Confirmation
Order details, download links, receipt, and next steps
PDF Delivery
Clean utility template — one CTA, direct download access
Music Prompt Pack
Template for delivering Suno prompt collections
Album Release
Music drop announcement with streaming links and story
Inner Circle CTA
Invitation to join the Inner Circle with premium copy
Test Email
Internal test template with all helpers rendered
Helper Primitives
Five reusable functions that generate inline-styled HTML for Gmail compatibility.
ctaButton()text, url, color
Solid filled button, 50px height, Outlook VML fallback
outlineButton()text, url
Transparent button with gray border, secondary action
divider()none
1px gray-800 border-top with 36px top padding
label()text, color
11px uppercase label above sections
ps()text
P.S. block with top divider and muted styling
Evolution Timeline
Four iterations to find the final form—v4 "Oasis of Calm" is the result.
v1Rainbow Chaos
Multiple accent colors per email. Cards nested 3 levels deep. Visual overload.
2024 Q2
v2Soft Minimalism
Monochrome only. Too minimal — lacked energy and brand personality.
2024 Q3
v3Dual Accent
Primary + secondary accent. Better than v1 but still confusing hierarchy.
2024 Q4
v4Oasis of Calm
ActiveOne accent per email. Typography-driven. Generous space. Final form.
2025 Q1
Ready to experience it?
Subscribe to the newsletter and see these templates in action every week.