Landbot New Features Emails

# Design from Reference: Landbot 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:** Landbot - **Category:** Product Update Emails - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ecad768ef1083c35100d09_1659676807795-5ece7532c5cb715bce88d1f1_screencapture-mail-google-mail-u-1-2020-05-27-16_10_38.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:** Long product-update email with white background, pastel brand header, bold feature headings and large product screenshots. - **Scale:** Source 1383 × 3871px. Sizes below refer to the 1200px-wide inspection rendering; CSS/email scale is unverified. ### Page composition - **Column:** A roughly 612px-wide centered reading column begins with a pastel Landbot banner and personalized introduction. - **Feature sequence:** Formulas, Facebook Messenger & API Bots, Export Flow as PNG and Expert Directory each receive heading, explanatory copy and imagery. - **Closing:** Upcoming bullets lead to a centered Open App action, separator and personal founder/product signoff. ### Information hierarchy - **Announcement:** A short greeting introduces newly released features. - **Feature detail:** Formulas includes an example bullet list and configuration screenshot; channel support uses a large channel-panel image. - **Resources:** Export and expert-directory sections provide visuals and pink inline links; upcoming work is separated from released features. - **Action:** Open App is the only large closing button. ### Typography - **Family:** Straightforward sans-serif; exact font identity is unverified. - **Roles:** Feature headings about 28–30px bold, body 18px/26px, closing action 18px bold at inspection scale. - **Emphasis:** Emoji/small symbols introduce headings; bold phrases and underlined pink links highlight specific product areas. ### Colors & surfaces - **Sampled palette:** ICC-aware sRGB samples include white #FFFFFF, pale pink #FDF0F7, near-white #F9F9F9 and screenshot gray #E6E9EF. - **Accent:** Pink links and a muted plum closing button complement pastel yellow/mint/lavender artwork. - **Media:** Dark violet builder canvases contrast with white configuration panels inside screenshots. ### Components - **Feature separators:** Thin light-gray horizontal rules span the reading measure. - **Screenshots:** Large full-column images show formula editor/flow node, channel menu and exported flowchart; some have softly rounded corners. - **Expert banner:** Illustrated people and pastel shapes accompany directory messaging in a bordered rounded graphic. - **Lists:** Standard bullets provide formula examples and upcoming features with clear hanging indents. - **Closing button:** Compact plum rectangle with modest corners and white Open App label. ### Visual rhythm - **Cadence:** Heading, copy, image and follow-up link repeat through the email, separated by rules and broad gaps. - **Alignment:** Most content is left aligned; greeting and final action are centered. ### Responsive - **Recommended adaptation:** Only desktop email is observed. Make the column/media fluid and preserve readable body text. - **Screenshots:** Allow zoom or linked full-size previews for dense product images rather than shrinking their labels excessively. ### Adaptation guidance - **Preserve:** Keep released features, resources and upcoming work clearly distinguished. - **Adapt:** Use actual release details and current screenshots. Do not present historical upcoming items as shipped capabilities. 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.