Recruitment Email Header Design Playbook

Pull the latest salary data from your ATS into Google Sheets, then create a small bar‑chart (max 5 bars) showing median pay for the role. Export the chart as SVG, upload to DesignLumo, and use the prompt “Create a 600 × 200 px email header with brand colors, overlaying the SVG chart and a bold headline ‘Earn What You’re Worth’”. Adjust layers for font, spacing, and CTA button. Expect a 12‑15% lift in open rates when tested against plain text headers.

Start with a Midjourney prompt: “professional silhouettes of software engineers, diverse, high‑contrast, 3‑point lighting, 600×200, brand teal accent”. Generate three variants, select the best, and download the PNG. Import into DesignLumo, convert the background to a vector layer, add editable text layers for role, location, and a ‘View Jobs’ button using your agency’s font stack. Track click‑through rates; a well‑targeted hero can boost CTR by 3‑5% versus generic stock images.

Use Coolors (https://coolors.co) to extract the top three HEX colors from a client’s website homepage. In DesignLumo, open the Brand Kit, paste the HEX values, and set them as primary, secondary, and accent. When creating a new header, select “Apply Brand Kit” to auto‑populate background, text, and button colors. Consistency drives brand recall; agencies that use brand‑aligned headers see a 9% increase in candidate response rates.

Open DesignLumo, click “New Design”, and type a precise prompt: “Email header 600×200, modern recruitment theme, include placeholder for role, city, and a ‘Apply Now’ button, using brand palette #1, #2, #3, with Helvetica Neue bold”. Lumo returns a fully layered PSD in under 30 seconds. Replace placeholders with merge tags (e.g., {{JobTitle}}) and export. This cuts design time from ~2 hours to 5 minutes per campaign, delivering a 250% efficiency gain.

Select Canva’s “Email Header” template, replace the default image with a PNG exported from DesignLumo (ensuring brand fonts are preserved). Use Canva’s Brand Kit to auto‑apply colors, then add a dynamic text box that pulls the candidate’s name via your ESP’s merge tag. Export as PNG at 72 dpi. This hybrid workflow is ideal for agencies needing a fast, low‑learning‑curve solution while still leveraging Lumo’s AI layers.

Generate a subtle abstract texture with Midjourney: “soft gradient mesh, corporate teal, 600×200, low‑contrast, high detail”. Download the 4K PNG, then open DesignLumo, import the file, and use the “Convert to Editable Layers” feature to isolate the texture from any noise. Add top‑level text layers for headline and CTA, lock the texture layer, and export as a Web‑optimized SVG. This produces a premium‑look header while keeping file size under 80 KB.

Create two header versions in DesignLumo: Version A uses a bold CTA color, Version B uses a subtle underline. Upload both to Litmus, set up an A/B split for 10,000 recipients, and run the test for 48 hours. Monitor open‑rate lift; a 5% improvement validates the visual change. Document the winning variant in a shared Google Sheet for future campaigns, ensuring the agency iterates based on data rather than intuition.

In HubSpot, create a smart content rule that swaps the header image based on the recipient’s industry (e.g., Tech vs. Finance). Upload the Lumo‑generated headers to the file manager, then reference them in the email’s HTML using HubSpot’s {% if contact.industry == 'Tech' %} tag. Track click‑through rates per segment; agencies typically see a 3‑4% uplift when tailoring visuals to industry context.

Export the header from DesignLumo as PNG at 2× scale, then compress it with TinyPNG (https://tinypng.com) aiming for ≤150 KB without perceptible quality loss. In the email HTML, add width/height attributes and enable lazy loading via “loading='lazy'”. Test with Google PageSpeed Insights; a header load under 0.5 seconds contributes to a total email load time <2 seconds, which correlates with a 2% increase in overall engagement.