Welcome Email Template — Developer Community

The welcome email that lands the moment a developer joins a code community. A terminal-style hero sets the tone, a getting-started snippet shows the first command, and a single button drops them into Discord. Built for developers, by people who respect their time.

Snapshot

• Goal: confirm community membership and point the new developer to the first command and the chat.
• Audience & tone: developers joining an open-source or dev community. Direct, technical, slightly playful — “here’s the one command, here’s where we talk.” No marketing voice.
• Palette: page #0b1020 · container #131a2e · text #f1f5f9 / #94a3b8 (muted) · accent purple #a855f7
• Font: "Courier New", Courier, monospace
• Artwork: free-form layout hero — a terminal window: dark title bar with three dots, a $ prompt line, and two output lines in green/purple, 600×220 canvas

Build recipe

Each step is one block in the flat stack, top to bottom. [native] = a real email block. [layout] = a free-form layout embedded as a single image.

1. [layout] Terminal hero — free-form composition (600×220): a dark window (#131a2e fill, 8px corner radius, 2px border #1e293b). Top-left three dots (#a855f7, #facc15, #14b8a6, 8px circles). Inside: prompt line $ pixel-ply init in #f1f5f9, 14px Courier. Output line ✓ community member: you in green #22c55e, 13px. Output line → next: join #welcome on Discord in purple #a855f7, 13px. Build via create_layout + set_layout_content with absolutely-positioned rectangles and text.
2. [native] Heading — text. “You’re in. Here’s the one command.” fontSize: 24, fontWeight: 700, color #f1f5f9, center.
3. [native] Intro copy — text. “Run it once, and the welcome bot will drop your first issue and point you at the right channel. After that, everything happens in Discord.” fontSize: 15, color #94a3b8, center, line-height: 1.6.
4. [native] CTA button — button. Label “Open Discord →”, purple #a855f7 fill, white text, square corners, center, padding 12×28, monospace font.
5. [native] Divider — hairline #1e293b, generous vertical padding. Separates the hero from the house rules — the flat model stacks and divides, it does not box.
6. [native] Rules heading — text. “Three house rules” fontSize: 18, fontWeight: 700, color #f1f5f9, left.
7. [native] Rule 1 — text. ”// be kind — every channel is staffed by volunteers.” fontSize: 15, color #f1f5f9, left, monospace.
8. [native] Rule 2 — text. ”// read the docs before you ask — the search is good.” fontSize: 15, color #f1f5f9, left, tight top padding, monospace.
9. [native] Rule 3 — text. ”// ship something small your first week — we’ll cheer.” fontSize: 15, color #f1f5f9, left, tight top padding, monospace.
10. [native] Help line — text. “Stuck on the init command? Ping @maintainers in #help — they live there.” fontSize: 14, color #94a3b8, center, monospace.
11. [native] Footer — text block with “Pixel & Ply · github.com/pixel-ply · [email protected] · Unsubscribe”, fontSize: 12, color #64748b, center, recolored to the palette, monospace.

Make it yours

1. Swap “Pixel & Ply”, the init command, and the Discord channel name for your community’s first-run flow.
2. Rewrite the three house rules in your voice — keep them short and code-comment-styled.
3. Recolor the purple accent — keep the dark terminal aesthetic for developer credibility.