Email templates
Transactional and onboarding emails: simple welcome, verification code, invite, image / video welcome and device mockups, with selectable header (left, centered, links) and footer (simple, social, app badges). 600px wide. Figma: Email templates.
{ EmailTemplate, EmailHeader, EmailFooter } from "@pepulux/ui"Simple welcome 01
Welcome to Pepulux, Olivia!
Welcome to Pepulux — we're so excited to have you on board. Here's a quick look at what you can do next to get the most out of your workspace.
If you have any questions, just reply to this email — we're always happy to help.
Thanks,
The Pepulux team
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Simple welcome 02 — centered header
Welcome to Pepulux, Olivia!
Welcome to Pepulux — we're so excited to have you on board. Here's a quick look at what you can do next to get the most out of your workspace.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Simple verification
Your verification code
Hi Olivia, use the code below to verify your email address. It expires in 10 minutes.
If you didn't request this code, you can safely ignore this email.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Simple invite
Phoenix Baker invited you to join Pepulux
Hi Olivia, Phoenix Baker has invited you to collaborate in the Pepulux workspace. Accept the invitation to get started.
This invitation will expire in 7 days.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Image welcome
Welcome to Pepulux, Olivia
Welcome to Pepulux — we're so excited to have you on board. Here's a quick look at what you can do next to get the most out of your workspace.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Video welcome 01
Watch: getting started in 2 minutes
Hi Olivia, here's a short walkthrough of the essentials — from your first project to inviting the team.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Video welcome 02
Welcome aboard, Olivia
Take two minutes to see how teams get set up.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Video welcome 03
Meet your new workspace
Welcome to Pepulux — we're so excited to have you on board. Here's a quick look at what you can do next to get the most out of your workspace.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Mockup 01 — desktop
Introducing Pepulux for desktop
Everything you love, now in a focused desktop experience.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Mockup 02 — mobile app
Pepulux, now on your phone
Review, approve and ship from anywhere with the new mobile app.
This email was sent to olivia@pepulux.com. If you'd rather not receive this kind of email, you can unsubscribe or manage your email preferences.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | "simple-welcome-01" | "simple-welcome-02" | "simple-verification" | "simple-invite" | "image-welcome" | "video-welcome-01" | "video-welcome-02" | "video-welcome-03" | "mockup-01" | "mockup-02" | "simple-welcome-01" | Figma Type |
| headerStyle | "left" | "center" | "links" | "left" | Logo left, centered, or with nav links |
| footerStyle | "simple" | "social" | "apps" | "simple" | Legal text only, with social icons, or with App Store / Google Play badges |
| name / code / inviter / workspace | string | — | Copy for the templates that use them |
| image | string | — | Artwork for image / video / mockup templates |
| ctaLabel | string | — | Override the button label |