Teachable Event Announcement Emails

# Design from Reference: Teachable Event Announcement 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:** Teachable - **Category:** Event Announcement Emails - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ecad7b1d8c6b484a2e4b7d_1659677374101-5eebf8da9fa8e816fedc2df0_screencapture-mail-google-mail-u-1-2020-06-19-01_28_03.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:** Editorial event email with white background, colorful speaker banner, and teal registration links. ### Page composition - **Canvas:** 1346 × 1885 screenshot px. - **Column:** Centered, approximately 750px wide. - **Sequence:** Wordmark, event hero, announcement, audience A/B/C descriptions, matching event links/dates, CTA, sign-off. ### Information hierarchy - **Primary:** Event artwork and three-audience framing. - **Registration:** Three inline event links and centered Register for free. - **Emphasis:** Bold key phrases/dates within paragraphs. ### Typography - **Family:** Arial-like sans serif; exact identity unverified. - **Body:** Approximately 20–22px with 36px line-height. - **Hero lettering:** Approximately 56px. - **CTA:** Approximately 20px. - **Precision:** Screenshot estimates. ### Colors & surfaces - **Canvas:** #FFFFFF. - **Hero yellow:** #FBD43B. - **Pale hero:** #F8FAFB. - **Portrait backdrop:** #ACE2E9. - **Links/button:** Teal, exact token unverified. - **Precision:** Flat samples. ### Components - **Hero:** Color-block poster with speaker portrait and orange corner motifs. - **Lists:** Lettered audience paragraphs and matching links. - **CTA:** Flat teal rectangle with white label. - **No navigation:** Email stays focused on event. ### Visual rhythm - **Spacing:** Generous paragraph gaps and broad side padding. - **Alignment:** Body left, brand/action centered. ### Responsive - **Observed:** Email only. - **Recommendation:** Fluid column and scaled poster; let dates wrap safely. ### Adaptation guidance - **Preserve:** Audience matching and clear registration paths. - **Content:** Replace historical dates, speakers, and claims with supplied event data. - **Behavior:** Registration not shown. 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.