# Design from Reference: Appcues New Features 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:** Appcues - **Category:** Product Update Emails - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ecad75b0a5d8804176c5be_1659676359929-5ee114e7b487c99074f06c0c_screencapture-mail-google-mail-u-0-2020-06-10-19_13_17.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:** Personal feature-announcement email with restrained violet branding and product-video evidence. ### Page composition - **Canvas:** 1305 × 947 screenshot px. White email on gray backdrop; logo/social row, greeting, announcement paragraphs, three bullets, video image, linked CTA, sign-off, and postscript. ### Information hierarchy - **Priority:** Localization announcement leads to benefits and a three-step capability list; video preview and demo link support exploration. ### Typography - **Scale:** Approximate screenshot body 16 px, bold/link emphasis 16 px, and footer/signature 16 px. Sans serif family/CSS scale unverified. ### Colors & surfaces - **Palette:** Sampled sRGB #FFFFFF, backdrop #EFEFEF, violet #5B50F8, and preview tint #F5F3FD. Blue underlined text links contrast with dark copy. ### Components - **Details:** Plain bullet list, centered violet-framed dashboard thumbnail, social icons upper right, and text-based action links instead of a large button. ### Visual rhythm - **Spacing:** Approximately 620 screenshot px text width, 24 px paragraph gaps, and indented bullets. ### Responsive - **Adaptation:** Mobile is not shown. Make email fluid and maintain readable thumbnail and link targets. ### Adaptation guidance - **Transfer:** Preserve concise feature explanation and demonstration. Replace research statistics, capability claims, and sender identity with verified information. 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.