15% off your cart 🛒

# Email Design Analysis: ASYSTEM 15% Off Campaign ## Overall Aesthetic Minimalist, wellness-focused design with a nature-inspired color palette. Clean typography, ample whitespace, and high-quality product photography. The design emphasizes calm and sustainability through soft earth tones and organic imagery. --- ## Color Palette - **Background**: #F5F3EF (warm beige/off-white) - **Header Background**: #E8E6E1 (light taupe) - **Text Primary**: #2C3E35 (dark charcoal/forest green) - **Accent Section Background**: #A8C5A8 (sage green) - **Footer Background**: #2C3E35 (dark charcoal) - **Button Background**: #3A4A42 (dark slate) - **Code Badge Background**: #1A1A1A (near black) - **Accent Green (product cards)**: Varies (orange #E8824F, navy blue #1B2C4D) --- ## Header Section (0-60px from top) **Layout**: Horizontal bar, centered content with elements at extremes - **Logo "ASYSTEM"**: Left-aligned, font-weight bold, size ~18px, color #2C3E35 - **"SHOP NOW" Button**: Right-aligned, outlined style, 2px border #2C3E35, padding ~8px 16px, border-radius ~20px, font-size ~10px --- ## Hero Discount Section (60-180px) **Layout**: Centered, stacked vertical arrangement **Background**: #E8E6E1 - **"15% OFF"**: - Font: Bold, sans-serif, size ~72px - Color: #2C3E35 - Letter spacing: Tight - Left text "15%" solid, right text "OFF" outlined/hollow stroke style - Centered alignment - **"WITH CODE VELCOME15"**: - Font: ~14px, sans-serif - Color: #2C3E35 - "VELCOME15" in white text on black background badge - Padding in badge: ~4px 8px - Centered alignment --- ## Product Showcase Section (180-420px) **Full-width high-quality product image** with nature background (green forest, water, botanical elements) **Product Placement (centered, overlaid on background)**: - ASYSTEM "CALM Gummies" pouch (cream/ivory colored stand-up pouch) - Accompanied by lifestyle props: fresh lemon (halved), ginger root slices - Product details visible on pouch: - Brand: "ASYSTEM" - Product name: "CALM" - Subtext: "Gummies" - Callout: "Supports Relaxation" - Ingredient highlight: "Golden Lemon + Ginger" - Quantity: "60 Gummies | Dietary Supplement" **Copy Section Below Image**: - Text: "Just a few clicks away from activating your best self." - Font: ~14px, sans-serif, color #2C3E35 - Alignment: Centered - Padding top: ~20px --- ## Primary CTA Button (420-450px) **Button Style**: Full-width - **Background**: #3A4A42 (dark slate) - **Text**: "SHOP NOW" in white/light text - **Font**: ~14px, bold, sans-serif - **Padding**: ~16px 20px - **Border-radius**: ~25px - **Alignment**: Centered --- ## Secondary Section: "LINK & BUILD" (450-650px) **Background**: #A8C5A8 (sage green), full-width **Padding**: ~30px horizontal, ~25px vertical **Heading**: - Text: "LINK & BUILD" - Font: ~36px, bold, monospace/geometric sans-serif - Color: #2C3E35 - Alignment: Centered - Letter-spacing: Slightly increased **Subheading**: - Text: "Science-backed systems to help you reach your goals." - Font: ~14px, sans-serif - Color: #2C3E35 - Alignment: Centered - Padding-bottom: ~20px **Product Grid** (2x2 layout): - Grid gap: ~15px - **Grid Item 1 (Top-Left)**: - Product image: Dark navy packaging with wave design + product box + gummies - Button below: "SHOP SLEEP GUMMIES" (white text on #3A4A42, full-width within cell) - **Grid Item 2 (Top-Right)**: - Product image: Orange packaging with geometric pattern + box + gummies - Button: "SHOP PRODUCTIVITY GUMMIES" (white text on #3A4A42) - **Grid Item 3 (Bottom-Left)**: - Product image: Black packaging + green jar + products arranged - Button: "SHOP COMPLETE OPTIMIZATION" (white text on #3A4A42) - **Grid Item 4 (Bottom-Right)**: - Product image: Cream/beige packaging with yellow wave design + red gummies - Button: "SHOP DE-STRESS GUMMIES" (white text on #3A4A42) **All buttons**: Font ~11px, bold, border-radius ~4px, padding ~12px 16px --- ## Secondary CTA Button (650-680px) **Button Style**: Full-width - **Background**: #3A4A42 - **Text**: "EXPLORE NOW" in white - **Font**: ~14px, bold, sans-serif - **Padding**: ~16px 20px - **Border-radius**: ~25px - **Alignment**: Centered - **Margin**: ~20px sides --- ## Footer Section (680-750px) **Top Footer Bar**: - **Background**: #2C3E35 (dark charcoal) - **Text**: "ASYSTEM" (logo/brand name) - **Color**: White/light - **Font**: ~20px, bold - **Padding**: ~20px - **Alignment**: Centered **Navigation Links**: - **Background**: #2C3E35 - **Link Text**: "SHOP" | "JOURNAL" | "FAQ" | "ABOUT" - **Font**: ~12px, bold, sans-serif - **Color**: White - **Alignment**: Distributed across full-width (center-grouped) - **Padding**: ~15px top/bottom **Social Icons**: - **Background**: #2C3E35 - **Icons**: Instagram, Facebook, TikTok, YouTube - **Icon Style**: White, outline style, ~20px size - **Spacing between**: ~20px - **Alignment**: Centered - **Padding**: ~15px **Bottom Footer**: - **Background**: #2C3E35 - **Small Text Links**: "No longer wish to receive these emails?" + "Unsubscribe" / "Manage Subscription" / "View our Privacy Policy" - **Font**: ~10px, sans-serif - **Color**: #7B8B85 (muted gray-green) - **Alignment**: Centered **Address Block**: - **Text**: "423 Park St. Suite 270 Reno, NV 89410" - **Copyright**: "© 2024 ASYSTEM Inc. All rights reserved" - **Font**: ~9px, sans-serif - **Color**: #7B8B85 - **Alignment**: Centered - **Padding**: ~10px --- ## Typography System - **Primary Font**: Clean sans-serif (likely custom/similar to 'Montserrat' or 'Inter') - **Accent Font**: Monospace style for headers like "LINK & BUILD" - **Font Weights**: Bold (headings), Regular (body), Semi-bold (CTAs) - **Line-height**: 1.4-1.6 for body text --- ## Spacing & Layout - **Main container width**: ~600px (standard mobile-optimized width) - **Section padding**: 20-30px horizontal - **Vertical spacing between sections**: 25-35px - **Image heights**: ~200px for hero product image - **Grid cell aspect ratio**: ~1:1 (square) --- ## STRATEGY **Email Type**: Promotional/Discount Launch Campaign (Acquisition or Welcome Series) **Conversion Goal**: - Primary: Drive clicks to product pages via "SHOP NOW" buttons - Secondary: Explore full product ecosystem via cross-sell grid and "EXPLORE NOW" CTA **Discount Details**: - **Offer**: 15% off entire cart - **Code**: VELCOME15 (suggests welcome/onboarding context) - **Urgency**: Minimal (no expiration date visible; suggests ongoing welcome offer) **Persuasion Tactics**: 1. **Social Proof Through Science**: "Science-backed systems" language builds credibility 2. **Product Ecosystem Showcase**: 2x2 grid demonstrates range (Sleep, Productivity, Optimization, De-stress) to increase perceived value and cross-sell opportunities 3. **Lifestyle Imagery**: Nature background + fresh ingredients (lemon, ginger) anchor product to wellness/natural ingredients narrative 4. **Benefit-Driven CTAs**: "Activating your best self" copy emphasizes transformation vs. transactional benefit 5. **Zen Aesthetic**: Sage green, soft palette, clean typography reduce purchase friction by creating calm, trustworthy brand perception 6. **Multiple CTA Placement**: Three prominent buttons (top-right, mid-page, bottom-grid) reduce friction for early converters 7. **Gated Category Exploration**: Instead of generic "shop all," the grid segments by use-case, allowing segment-specific messaging 8. **Code Gamification**: "VELCOME15" branded code (not generic "WELCOME15") increases brand recall **Audience Segment**: Likely new subscribers or welcome-series recipients (evidenced by "VELCOME" code); health-conscious, premium-minded consumers interested in wellness supplementation.