Welcome to AG1 🌿

# AG1 WELCOME EMAIL ANALYSIS ═══ BRAND & STYLE OVERVIEW ═══ AG1 presents a premium wellness brand aesthetic combining aspirational lifestyle imagery with clean, modern product-focused design. The visual identity merges natural/organic themes (outdoor water scenes, plant imagery) with sophisticated product photography and scientific credibility messaging. The color palette revolves around deep teals/forest greens paired with warm neutrals and white space, creating a premium, health-conscious positioning. Typography pairs elegant serif headlines with clean sans-serif body copy. The spacing is generous throughout, reflecting a luxury/premium approach rather than a dense promotional feel. This is a sophisticated onboarding email designed to educate while converting. **Color Palette:** - Background: #FFFFFF (white) — primary; #F5F5F5 (light gray) — subtle section dividers - Primary brand color: #2B5F4A (forest green/teal) — buttons, accents, text blocks - Secondary dark: #1A3A2E (very dark forest green) — primary CTA buttons, deep accents - Accent/highlight: #E8D5C4 (warm beige/tan) — subtle background fills, text highlights - Text primary: #1A1A1A (near-black) — body copy, headlines - Text secondary: #FFFFFF (white) — on dark backgrounds - Accent text: #2B5F4A (forest green) — secondary CTAs, emphasis **Font Pairing:** - Headline font: Serif (appears to be a refined serif like "Freight Text" or similar) — elegant, premium feel, used for main messaging ("Your Best Self Starts Here") - Body font: Sans-serif (appears to be a modern geometric sans like "Circular" or "Avenir") — clean, contemporary, used for copy and smaller text - Button text: Sans-serif, uppercase or title case, medium weight **Spacing Philosophy:** Generous, airy layout with significant whitespace between sections. Each section is well-padded (40–80px vertical gaps between major content blocks), creating a luxury/high-touch feel. This is NOT a dense promotional email; it prioritizes breathing room and visual hierarchy. --- ## SECTION-BY-SECTION BREAKDOWN ### 1. HEADER / PROMO BANNER **Layout & alignment:** - Horizontally centered within email (600px width) - Container: full width, centered text - Single-column, center-aligned message **Typography:** - Banner text: "Get 10€ off your first order with the code WELCOME-AG1-10" - Font: Sans-serif, ~13px, weight 400, color #1A1A1A - Text alignment: centered - Padding: ~12px top, ~12px bottom **Colors:** - Background: #E8D5C4 (warm beige/tan) - Text: #1A1A1A (dark) **Proportions:** - Compact banner; minimal height (~35px total) --- ### 2. HERO SECTION **Layout & alignment:** - Full-width container with background image - Image: Woman in pink/magenta top performing yoga pose on river bank; landscape background - Centered horizontal alignment - Vertically centered content **Typography:** - Headline: "Your Best Self Starts Here" - Font: Serif (elegant, premium), ~48–52px, weight 400–500, color #FFFFFF - Text alignment: centered - Subheading below: "It starts with AG1." - Font: Sans-serif, ~16px, weight 400, color #FFFFFF - Letter-spacing: normal **Colors:** - Background: Full-bleed lifestyle photo with dark overlay (~40–50% opacity, dark overlay color: #000000 or #1A1A1A) - Text: #FFFFFF (white, high contrast against image) **Background images & overlays:** - Full-bleed lifestyle image (yoga/wellness scene on water) - Dark gradient/solid overlay to ensure text readability - Fallback solid color: #2B5F4A (forest green) **Proportions:** - Hero height driven by image aspect ratio; typical email hero proportions - Padding: ~160px top, ~50px bottom (content padding inside overlay) --- ### 3. WELCOME / INTRO SECTION **Layout & alignment:** - Centered, single-column - Left and right margins creating visible whitespace - Center-aligned text **Typography:** - Headline: "Hi there, thanks for signing up!" - Font: Sans-serif, ~20px, weight 600, color #1A1A1A - Text alignment: centered - Body copy: - "Looking for one supplement to support your daily nutritional needs?" - "AG1 is your daily vitamin with over 70 ingredients to support your physical health and mental performance." - "And best of all, it tastes great too." - Font: Sans-serif, ~15px, weight 400, color #1A1A1A - Text alignment: centered - Line-height: ~1.6 (generous) **Colors:** - Background: #FFFFFF - Text: #1A1A1A **Proportions:** - Auto-height based on text; moderate section - Padding: ~40px top, ~40px bottom, ~30px left/right (margins) --- ### 4. OFFER / PROMO SECTION (GET 10€ OFF) **Layout & alignment:** - Two-column grid layout within centered container - Left column: Text block (approximately 55% width) - Right column: Product image/mockup (approximately 45% width) - Vertical alignment: centered between columns **Typography:** Left column headline: - "Get 10€ Off* Your First Order" - Font: Sans-serif, ~24–28px, weight 700, color #1A1A1A - Text alignment: left - "Use The Code WELCOME-AG1-10" - Font: Sans-serif, ~15px, weight 600, color #2B5F4A (forest green, emphasis) - Text alignment: left - Fine print: "*Offer valid for new AG1 Product subscriptions only" - Font: Sans-serif, ~11px, weight 400, color #999999, italic - Text alignment: left Right column: - Product image: AG1 green tub, powder/supplement mockup, product packaging - Dominant colors in image: #2B5F4A (forest green), white, metallic accents **Colors:** - Background: #FFFFFF - Text primary: #1A1A1A - Text accent: #2B5F4A - Fine print: #999999 **Proportions:** - Grid gap: ~20–30px between columns - Auto-height, content-driven - Padding: ~50px top, ~50px bottom, ~30px left/right --- ### 5. PRODUCT TABLE / BENEFITS GRID **Layout & alignment:** - Full-width, single-column - Three rows stacked vertically - Each row: Left text (product name), Right text (callout/benefit), Right accent color indicator - Left-aligned text with right-aligned accent **Typography:** - Row headlines: "AG1 Pouch", "AG1 Shaker Canister & Scoop", "5 AG1 Travel Packs", "Vitamin D3 + K2 Drops" - Font: Sans-serif, ~14px, weight 600, color #1A1A1A - Text alignment: left - Benefits: "From 89€", "From 99€", "From 49€", "From 34€" - Font: Sans-serif, ~13px, weight 500, color #2B5F4A - Text alignment: right **Colors:** - Background: #2B5F4A (forest green) — each row has alternating or full background - Text: #FFFFFF (white text on dark background) - Accent text: Light accent or standard white **Layout specifics:** - Padding per row: ~16px top/bottom, ~20px left/right - Three main product rows listed horizontally in a table-like format --- ### 6. CTA BUTTON (START TODAY) **Layout & alignment:** - Centered button - Full-width container, center-aligned CTA **Typography:** - Button text: "Start Today" - Font: Sans-serif, ~16px, weight 600, color #FFFFFF - Text alignment: centered - Text-transform: Title Case **Button styling:** - Shape: Rounded rectangle (border-radius ~25–30px) - Background color: #1A3A2E (very dark forest green) - Text color: #FFFFFF - Padding: ~14px top/bottom, ~40px left/right (generous padding) - Border: None - Letter-spacing: normal **Colors:** - Background button: #1A3A2E - Text: #FFFFFF **Proportions:** - Button width: ~180–200px (not full-width; contained) - Padding around button: ~30px top, ~30px bottom --- ### 7. "FUEL YOUR FUTURE" SECTION **Layout & alignment:** - Single-column, centered container - Left image (product bottle), Right text block - Two-column layout with image on left (~40%), text on right (~60%) - Vertical alignment: center-aligned between columns **Typography:** Headline: - "Fuel Your Future" - Font: Serif (premium), ~32px, weight 400–500, color #1A1A1A - Text alignment: centered above content Body copy lists: - "Every scoop of AG1 has 70+ high-quality ingredients, optimized for impact." - Font: Sans-serif, ~15px, weight 400, color #1A1A1A - Bullet points with benefit descriptions: - "Vitamins" - "Minerals" - "Gut Friendly Botanicals" - "Plant Compounds" - Font: Sans-serif, ~13px, weight 500, color #1A1A1A - Descriptions under each bullet: ~12px, weight 400, color #666666 **Colors:** - Background: #FFFFFF - Text primary: #1A1A1A - Text secondary: #666666 (descriptions) - Accent bullets: #2B5F4A (green dot bullets) **Background images:** - Left: Product image — AG1 powder in glass with green/white coloring, high-quality lifestyle shot - Dominant colors: #2B5F4A, white, light green tint **Proportions:** - Column gap: ~30px - Padding: ~60px top, ~60px bottom, ~30px left/right - Auto-height based on text content **Button within section:** - "Learn More" - Font: Sans-serif, ~14px, weight 600, color #FFFFFF - Button: Rounded rectangle, background #1A3A2E, padding ~12px top/bottom, ~30px left/right - Margin-top: ~20px from text --- ### 8. "WE ARE HERE" / SUPPORT SECTION **Layout & alignment:** - Split layout: Left image (~45%), Right text block (~55%) - Vertical alignment: center-aligned - Right side is left-aligned text **Typography:** Headline: - "We Are Here" - Font: Serif, ~28px, weight 400, color #1A1A1A - Sub-headline: "To Help You Feel Energised" - Font: Sans-serif, ~16px, weight 600, color #1A1A1A Body copy: - "What does that feel like?" - Font: Sans-serif, ~15px, weight 400, color #1A1A1A Bullet list: - "Digestive support" - "Immune defense" - "Energy and focus" - "Stress and mood balance" - Font: Sans-serif, ~13px, weight 500, color #1A1A1A - Bullets: Green circles (#2B5F4A) **Colors:** - Background: #FFFFFF - Text: #1A1A1A - Bullets: #2B5F4A **Background images:** - Left: Lifestyle image of person (appears to be mid-exercise/active pose, outdoor/gym setting) - Dominant colors: neutral tones, blues, natural lighting **Proportions:** - Column gap: ~30px - Padding: ~50px top, ~50px bottom, ~30px left/right - Auto-height **CTA within section:** - "Try AG1 today" - Font: Sans-serif, ~14px, weight 600, color #FFFFFF - Button: Rounded rectangle, background #1A3A2E, padding ~12px, ~30px left/right - Margin-top: ~20px --- ### 9. TRUST / CREDENTIALS SECTION **Layout & alignment:** - Three-column grid layout (equal width columns) - Icons above text, centered in each column - Text center-aligned within columns **Typography:** - Section labels/captions: "Science-driven nutrition supplement", "Over", (third column text partially visible) - Font: Sans-serif, ~12px, weight 500, color #1A1A1A - Text alignment: centered **Colors:** - Background: #FFFFFF or #F5F5F5 (subtle divider color) - Text: #1A1A1A **Icons:** - Three icon placeholders (represented as small graphics — likely: beaker/science icon, shield/certified icon, other trust indicator) **Proportions:** - Three equal columns, minimal gap (~15–20px) - Padding: ~40px top, ~40px bottom, ~20px per cell --- ### 10. FOOTER / BRAND LOGO **Layout & alignment:** - Centered logo and text - Single-column, center-aligned **Typography:** - Logo: "AG1" wordmark - Font: Sans-serif, ~32px, weight 600, color #2B5F4A - Text alignment: centered **Colors:** - Background: #FFFFFF - Logo: #2B5F4A **Proportions:** - Padding: ~40px top, ~40px bottom --- ### 11. FOOTER NAVIGATION / LINKS **Layout & alignment:** - Three-column equal-width grid (Shop AG1 | Social icons | Legal links) - Text and icons centered within each column **Typography:** - "Shop AG1" - Font: Sans-serif, ~13px, weight 600, color #1A1A1A - Text alignment: centered - Button style: Rounded rectangle, background #2B5F4A, text color #FFFFFF - Social icons: Facebook, Instagram, X (Twitter), TikTok, (one more icon) - Icons centered, approximately 20–24px per icon - Link color: #1A1A1A (or #2B5F4A on hover) - Legal links: "Privacy Policy", "Terms of Use", "Unsubscribe" - Font: Sans-serif, ~11px, weight 400, color #666666 - Text alignment: centered **Colors:** - Background: #FFFFFF - Button: #2B5F4A background, #FFFFFF text - Links: #666666 (light gray), #1A1A1A (dark on hover) **Proportions:** - Padding: ~30px top, ~30px bottom - Column gaps: ~20px --- ### 12. FOOTER / LEGAL / DISCLAIMER **Layout & alignment:** - Single-column, full-width - Left-aligned body text with multiple paragraphs - Fine print stacked **Typography:** - Disclaimer text (small, legal copy) - Font: Sans-serif, ~10px, weight 400, color #999999 - Text alignment: left - Line-height: ~1.5 **Content (sample legal text visible):** - "AG1 is a trademarked product..." - "These statements have not been evaluated..." - Multiple legal disclaimers and health claims **Colors:** - Background: #F5F5F5 (subtle light gray) - Text: #999999 (light gray, de-emphasized) **Proportions:** - Padding: ~30px top, ~30px bottom, ~20px left/right - Auto-height based on disclaimer length --- ## STRATEGY **Email Type:** Welcome/Onboarding email **Primary Conversion Goal:** Drive first purchase with discount offer; introduce product benefits and brand value proposition; educate on ingredient benefits and brand positioning. **Discount/Offer Details:** - 10€ off first order with code WELCOME-AG1-10 - Positioned as a new customer incentive in the promo banner and mid-email offer section - Clear urgency: "only for new AG1 Product subscriptions" **Notable Persuasion Tactics:** 1. **Lifestyle aspiration:** Hero image of fit, healthy person doing yoga (aspirational wellness