Pitch Account Verification Email

# Design from Reference: Pitch Account Verification Email Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation. ## Reference - **Product:** Pitch - **Category:** Verification Email - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ecad79b0a5d8596376c5e7_1659677050617-5f0b198f0057b923d2380885_screencapture-mail-google-mail-u-3-2020-07-12-16_07_47.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 - **Character:** A friendly email-consent message with a pale lavender background, white rounded card and colorful 3D character illustration. - **Purpose:** The visible copy requests permission to receive Pitch emails; it should not be assumed to be an account-activation requirement. ### Page composition - **Capture:** The source measures 1306 × 850 image pixels. Measurements refer to image pixels; email CSS scale is unverified. - **Brand:** A black Pitch wordmark centers above the main card. - **Card:** An approximately 750 × 710-pixel white panel contains a top illustration, centered heading, two explanatory paragraphs and one blue CTA. - **Illustration region:** A seated character with travel/presentation props occupies the upper third, separated from the heading by generous whitespace. ### Information hierarchy - **Heading:** “Confirm your email address” introduces the task. - **Explanation:** Two centered paragraphs describe receiving presentation-related resources and explicitly opting in to emails. - **Action:** “Yes, count me in” is the only filled button. - **Artwork:** The 3D scene provides personality without carrying essential consent information. ### Typography - **Family:** A conventional sans serif is visible; exact identity is unverified. - **Heading:** Approximately 24 image pixels, bold. - **Body:** Around 20 pixels with 30-pixel line height and medium gray color. - **Action:** Approximately 18 pixels, bold and white. - **Brand:** The larger wordmark is separate logo artwork. ### Colors & surfaces - **Measured palette:** ICC-aware sRGB sampling yields background #F7F6FD, white #FFFFFF and blue #586EE1. - **Illustration accents:** Blue trousers, yellow clothing, coral framework and purple props create a warm multicolor scene. - **Treatment:** The white card has approximately 10-pixel corners and no prominent border/shadow. ### Components - **3D illustration:** A seated character on a folding chair is grouped with a bag, rolled mat and device, casting a soft ground shadow. - **Consent copy:** Two centered paragraphs span roughly 640 pixels within the card. - **CTA:** A roughly 210 × 47-pixel blue rounded rectangle sits below the explanation. - **Logo:** The black Pitch wordmark centers above the card with a broad gap from the illustration. ### Visual rhythm - **Spacing:** Large vertical intervals separate artwork, heading, body and button, giving the short email a relaxed pace. - **Alignment:** Every major element shares a central axis. - **Reading width:** Body text is narrower than the card, maintaining comfortable side padding. ### Responsive - **Recommendation:** Use a fluid card, scale the illustration proportionally and reduce outer gutters on phones. - **Recommendation:** Keep consent text readable and the button comfortably tappable. No mobile state is captured. ### Adaptation guidance - **Preserve:** Retain explicit opt-in language, one affirmative action and the friendly illustration. - **Implement:** Keep consent meaning in live text, with decorative alternative treatment for the illustration. - **Clarity:** Distinguish newsletter consent from account verification in any adapted flow. 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.