Skip to content

Commit 0235bc2

Browse files
JuansesDevJuansesDev
committed
Add first two starter templates
- welcome-minimal: clean welcome email with single CTA. Variables: first_name, company_name, cta_url. Inline styles, responsive, unsubscribe link in footer. - newsletter-monthly: three-section monthly digest layout with a headline story plus two follow-up blocks. Variables: first_name, company_name, month_year, lead_url. Designed for product update roundups. Both render at 600px max-width with system font stack, fully inline CSS, no external assets. Thumbnails captured at 600x400 via headless Chromium.
1 parent 68d39d5 commit 0235bc2

5 files changed

Lines changed: 151 additions & 1 deletion

File tree

‎index.json‎

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,23 @@
11
{
22
"version": 1,
3-
"templates": []
3+
"templates": [
4+
{
5+
"id": "welcome-minimal",
6+
"name": "Welcome — minimal",
7+
"category": "welcome",
8+
"description": "Clean welcome with a single call-to-action. Works for SaaS onboarding and newsletter sign-ups.",
9+
"thumbnail_url": "https://raw.githubusercontent.com/Arkhe-Systems/senddock-templates/main/templates/welcome-minimal.png",
10+
"html_url": "https://raw.githubusercontent.com/Arkhe-Systems/senddock-templates/main/templates/welcome-minimal.html",
11+
"variables": ["first_name", "company_name", "cta_url"]
12+
},
13+
{
14+
"id": "newsletter-monthly",
15+
"name": "Newsletter — monthly digest",
16+
"category": "newsletter",
17+
"description": "Three-section monthly roundup. Headline story plus two follow-up blocks. Good for product update digests.",
18+
"thumbnail_url": "https://raw.githubusercontent.com/Arkhe-Systems/senddock-templates/main/templates/newsletter-monthly.png",
19+
"html_url": "https://raw.githubusercontent.com/Arkhe-Systems/senddock-templates/main/templates/newsletter-monthly.html",
20+
"variables": ["first_name", "company_name", "month_year", "lead_url"]
21+
}
22+
]
423
}

‎templates/newsletter-monthly.html‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>{{company_name}} — {{month_year}}</title>
7+
</head>
8+
<body style="margin:0;padding:0;background-color:#f5f5f4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#0a0a0a;">
9+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color:#f5f5f4;padding:32px 16px;">
10+
<tr>
11+
<td align="center">
12+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width:600px;background-color:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.06);">
13+
<tr>
14+
<td style="background-color:#0a0a0a;padding:24px 40px;">
15+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
16+
<tr>
17+
<td style="font-size:18px;font-weight:600;color:#ffffff;letter-spacing:-0.01em;">{{company_name}}</td>
18+
<td align="right" style="font-size:13px;color:#a3a3a3;">{{month_year}}</td>
19+
</tr>
20+
</table>
21+
</td>
22+
</tr>
23+
<tr>
24+
<td style="padding:40px 40px 8px 40px;">
25+
<h1 style="margin:0 0 12px 0;font-size:26px;line-height:1.3;font-weight:700;color:#0a0a0a;letter-spacing:-0.02em;">This month at {{company_name}}</h1>
26+
<p style="margin:0 0 32px 0;font-size:16px;line-height:1.6;color:#525252;">Hi {{first_name}} — here's a quick roundup of what shipped, what's next, and a few things worth your attention.</p>
27+
</td>
28+
</tr>
29+
<tr>
30+
<td style="padding:0 40px 24px 40px;">
31+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-top:1px solid #f5f5f4;padding-top:24px;">
32+
<tr>
33+
<td>
34+
<p style="margin:0 0 6px 0;font-size:11px;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:0.08em;">Shipped</p>
35+
<h2 style="margin:0 0 8px 0;font-size:18px;line-height:1.4;font-weight:600;color:#0a0a0a;">Replace this with your headline story</h2>
36+
<p style="margin:0 0 12px 0;font-size:15px;line-height:1.6;color:#525252;">Write a short paragraph describing the most important thing your team shipped this month. Two or three sentences is plenty. Link out to the full announcement if you have one.</p>
37+
<a href="{{lead_url}}" style="font-size:14px;font-weight:600;color:#0a0a0a;text-decoration:underline;">Read the full post →</a>
38+
</td>
39+
</tr>
40+
</table>
41+
</td>
42+
</tr>
43+
<tr>
44+
<td style="padding:0 40px 24px 40px;">
45+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-top:1px solid #f5f5f4;padding-top:24px;">
46+
<tr>
47+
<td>
48+
<p style="margin:0 0 6px 0;font-size:11px;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:0.08em;">Worth a read</p>
49+
<h2 style="margin:0 0 8px 0;font-size:18px;line-height:1.4;font-weight:600;color:#0a0a0a;">A second story or roundup link</h2>
50+
<p style="margin:0;font-size:15px;line-height:1.6;color:#525252;">A second block for a community write-up, a blog post, an interview, a podcast episode — anything worth pointing your readers at this month.</p>
51+
</td>
52+
</tr>
53+
</table>
54+
</td>
55+
</tr>
56+
<tr>
57+
<td style="padding:0 40px 40px 40px;">
58+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-top:1px solid #f5f5f4;padding-top:24px;">
59+
<tr>
60+
<td>
61+
<p style="margin:0 0 6px 0;font-size:11px;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:0.08em;">Up next</p>
62+
<h2 style="margin:0 0 8px 0;font-size:18px;line-height:1.4;font-weight:600;color:#0a0a0a;">What you can expect in the next month</h2>
63+
<p style="margin:0;font-size:15px;line-height:1.6;color:#525252;">Give readers a peek at the roadmap — what's in flight, what you're prioritising. Honest is better than polished.</p>
64+
</td>
65+
</tr>
66+
</table>
67+
</td>
68+
</tr>
69+
</table>
70+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width:600px;margin-top:24px;">
71+
<tr>
72+
<td align="center" style="padding:0 16px;">
73+
<p style="margin:0;font-size:12px;line-height:1.6;color:#a3a3a3;">
74+
{{company_name}} sent this newsletter to {{email}}.<br>
75+
<a href="{{unsubscribe_url}}" style="color:#737373;text-decoration:underline;">Unsubscribe</a>
76+
</p>
77+
</td>
78+
</tr>
79+
</table>
80+
</td>
81+
</tr>
82+
</table>
83+
</body>
84+
</html>

‎templates/newsletter-monthly.png‎

33.5 KB
Loading

‎templates/welcome-minimal.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Welcome to {{company_name}}</title>
7+
</head>
8+
<body style="margin:0;padding:0;background-color:#f5f5f4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#0a0a0a;">
9+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color:#f5f5f4;padding:48px 16px;">
10+
<tr>
11+
<td align="center">
12+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="560" style="max-width:560px;background-color:#ffffff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);">
13+
<tr>
14+
<td style="padding:48px 40px 24px 40px;">
15+
<h1 style="margin:0 0 16px 0;font-size:28px;line-height:1.3;font-weight:700;color:#0a0a0a;letter-spacing:-0.02em;">Welcome, {{first_name}}.</h1>
16+
<p style="margin:0 0 20px 0;font-size:16px;line-height:1.6;color:#525252;">Thanks for joining {{company_name}}. We're glad to have you on board.</p>
17+
<p style="margin:0 0 32px 0;font-size:16px;line-height:1.6;color:#525252;">Your account is ready. Take 2 minutes to set things up and you'll be done.</p>
18+
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
19+
<tr>
20+
<td style="background-color:#0a0a0a;border-radius:8px;">
21+
<a href="{{cta_url}}" style="display:inline-block;padding:14px 32px;color:#ffffff;text-decoration:none;font-size:15px;font-weight:600;">Get started</a>
22+
</td>
23+
</tr>
24+
</table>
25+
</td>
26+
</tr>
27+
<tr>
28+
<td style="padding:24px 40px 40px 40px;border-top:1px solid #f5f5f4;">
29+
<p style="margin:0;font-size:13px;line-height:1.5;color:#a3a3a3;">Replying to this email lands in our inbox. We read every reply.</p>
30+
</td>
31+
</tr>
32+
</table>
33+
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="560" style="max-width:560px;margin-top:24px;">
34+
<tr>
35+
<td align="center" style="padding:0 16px;">
36+
<p style="margin:0;font-size:12px;line-height:1.6;color:#a3a3a3;">
37+
You're receiving this because you signed up at {{company_name}}.<br>
38+
<a href="{{unsubscribe_url}}" style="color:#737373;text-decoration:underline;">Unsubscribe</a>
39+
</p>
40+
</td>
41+
</tr>
42+
</table>
43+
</td>
44+
</tr>
45+
</table>
46+
</body>
47+
</html>

‎templates/welcome-minimal.png‎

21.5 KB
Loading

0 commit comments

Comments
 (0)