Drip Free Trial Emails

# Design from Reference: Drip Free Trial Emails Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation. ## Reference - **Product:** Drip - **Category:** Free Trial Emails - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acbc13eb7ca13cf70095b1e_6acbc0368313d4c6c0ca0007_cms-78dd24463c94d957f032110d.webp Analyze the screenshot first. If inaccessible, request it rather than guessing. ## Content {{content.instructions}} {{content.data}} Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims. ## Visual Design ### Overall aesthetic - **Style:** Plain trial-expiry email with magenta branding and one centered upgrade action. ### Page composition - **Canvas:** 1353 × 972 screenshot px. - **Column:** Approximately 725px wide, centered. - **Top:** Logo left, browser-view link right, and thin rule. - **Body:** Greeting, trial-expiry/pricing paragraphs, centered support heading, support paragraph, upgrade button, and sign-off. ### Information hierarchy - **Primary:** Trial-expiry message with account, usage, and price emphasized inline. - **Secondary:** Support heading reassures before conversion. - **Action:** Magenta Upgrade Now button. - **Links:** Billing and support destinations appear inline. ### Typography - **Family:** Arial-like sans serif; exact family unverified. - **Body:** Approximately 20 screenshot px with 36px line-height. - **Support heading:** Approximately 26px, bold. - **Button:** Approximately 18px. - **Precision:** Screenshot font estimates. ### Colors & surfaces - **Canvas:** #FFFFFF. - **Body gray:** #6C6C6C. - **Brand/action:** #E65CF1. - **Headings:** Dark gray. - **Links:** Standard underlined blue. - **Rule:** Pale neutral gray. - **Precision:** Flat samples affected slightly by compression. ### Components - **Header:** Simple logo/browser-view pairing. - **Copy:** Inline bold metrics rather than pricing cards. - **CTA:** Magenta rectangular button with small radius and white label. - **No illustration:** Message relies on text and spacing. ### Visual rhythm - **Spacing:** Wide paragraph gaps and generous white margins. - **Alignment:** Body left-aligned; support title and CTA centered. - **Length:** Short focused email with no dense navigation footer visible. ### Responsive - **Observed:** Email capture only. - **Recommendation:** Fluid centered column and comfortable mobile side padding. - **Copy:** Allow long pricing statements to wrap naturally. ### Adaptation guidance - **Preserve:** Clear deadline, explicit consequence, support option, and one upgrade CTA. - **Content:** Use actual account data and current terms; do not copy historical pricing or identifiers. - **Behavior:** Upgrade destination and expiry enforcement are not demonstrated. Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict. ## Direction {{preferences.fidelityInstructions}} ## Output {{output.instructions}} Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.