# SiteToSend — Full Context for AI Agents > SiteToSend analyzes any website's brand identity and generates ready-to-use branded HTML email templates. This document provides comprehensive product details for AI agents, assistants, and automated workflows. --- ## Product Overview SiteToSend is a web application that takes a single URL and produces a complete brand analysis along with a custom, responsive HTML email template that matches the website's visual identity. The pipeline is AI-powered: it screenshots the site, extracts CSS and copy, analyzes design elements with computer vision, and generates production-ready email HTML. ### What the Analysis Produces Given a URL, SiteToSend outputs: - **Color palette**: All brand colors extracted from the site's CSS and visual design, including primary, secondary, accent, background, and text colors with hex values - **Typography analysis**: Font families, weights, sizes, and usage patterns detected from the site's stylesheets - **Visual identity profile**: Aesthetic classification, mood, energy level, target audience, layout style, design era, design elements, and a written summary - **Voice and tone profile**: Formality level, warmth score, confidence score, humor level, vocabulary patterns, sample phrases from the site's copy, and a tone summary - **Branded HTML email template**: A fully responsive, production-ready email template styled to match the analyzed website's colors, fonts, and visual identity - **Design breakdown JSON**: Structured data containing all extracted brand attributes ### Platform-Specific Templates (Add-ons) SiteToSend can generate email templates formatted for specific platforms: - **Klaviyo**: Includes Klaviyo merge tags, formatted for their HTML editor - **Mailchimp**: Includes Mailchimp merge tags, compatible with their code editor - **HubSpot**: Structured for HubSpot's Design Manager with HubL template tags - **Brevo**: Compatible with Brevo's (formerly Sendinblue) template system - **Constant Contact**: Formatted for Constant Contact's custom code editor Each platform template is ready to paste into the platform's HTML/code editor without modification. ### Brand Voice Guide (Add-on) The voice guide is a structured document that captures how a brand communicates. It includes: - Formality level (casual to formal, on a scale) - Warmth score (cold/clinical to warm/friendly) - Confidence score (tentative to authoritative) - Humor level (serious to playful) - Vocabulary patterns and characteristic word choices - Sample phrases pulled directly from the site's copy - Brand personality traits - A plain-language tone summary This guide can be: - Used as a reference for human writers and marketing teams - Fed directly to AI agents (ChatGPT, Claude, custom LLMs) as a system prompt to generate on-brand content - Incorporated into automated content pipelines, email sequences, chatbots, or sales outreach tools - Shared across teams to maintain consistent brand voice --- ## Pricing ### One-Time Purchase - **Base template**: $20 — branded HTML email template, color palette, font analysis, visual identity profile, voice/tone analysis, design breakdown JSON - **Platform add-on** (each): $10 — Klaviyo, Mailchimp, HubSpot, Brevo, or Constant Contact template - **Brand Voice Guide add-on**: $15 — full voice and tone writing guide - **All-in-One Bundle**: $50 total ($20 base + $30 bundle) — base template, all 5 platform templates, and the voice guide (normally $85 if purchased separately) ### Subscriptions - **Starter**: $99/month — 10 base templates per month ($9.90 per template, 50% savings vs. one-time) - **Pro**: $199/month — 10 templates per month with all add-ons included (all platform templates + voice guide for each, normally $500+ if purchased individually) --- ## How It Works (Technical Flow) 1. **User enters a domain** (e.g., "stripe.com") on the homepage or dashboard 2. **Screenshot capture**: Puppeteer navigates to the site and captures a full-page screenshot 3. **CSS extraction**: Stylesheets are parsed to extract colors, fonts, spacing, and design tokens 4. **Copy extraction**: Visible text content is scraped from the page 5. **AI analysis**: GPT-4o processes the screenshot, CSS data, and copy to produce the color palette, typography analysis, visual identity profile, and voice/tone analysis 6. **Template generation**: AI generates a responsive HTML email template using the extracted brand attributes 7. **Platform formatting**: If add-ons are selected, platform-specific versions are generated with appropriate merge tags and structure 8. **Results delivered**: User receives all outputs in their dashboard, with download buttons for each format Results are cached for 30 days per domain, so repeated analyses of the same URL return instant results. --- ## User Flows ### Guest Checkout (No Account Required) 1. User analyzes a domain on the homepage — redirected to preview page 2. Preview page shows a blurred email template preview with brand teasers (colors, fonts, voice summary) 3. User enters their email and clicks "Unlock" — redirected to Stripe Checkout 4. After payment, a magic link email is sent for optional account creation 5. If they sign up later with the same email, their purchase is automatically linked to their account ### Authenticated User Flow 1. User signs in via magic link (email-based, no password) 2. Dashboard shows their previous analyses and a form to analyze new domains 3. Subscribers can use their monthly template allocation directly 4. All purchased templates are accessible from the dashboard with download buttons --- ## Resource Guides ### How to Import a Custom HTML Email Template into Klaviyo After purchasing, download the Klaviyo template from your dashboard. In Klaviyo, go to Content > Templates > Create Template > HTML Editor. Paste the HTML, customize the placeholder content (logo, headlines, body text, CTAs, footer), and save. Use Preview & Test to send a test email. The template includes Klaviyo merge tags for personalization. Duplicate it for different campaign types. ### How to Import a Custom HTML Email Template into Mailchimp Download the Mailchimp template from your dashboard. In Mailchimp, go to Campaigns > Email templates > Create Template > Code your own > Paste in code. Paste the HTML, customize content, and save. The template includes Mailchimp merge tags and is responsive. Images can be hosted via Mailchimp's built-in file manager. ### How to Import a Custom HTML Email Template into HubSpot Download the HubSpot template from your dashboard. In HubSpot, go to Marketing > Files and Templates > Design Tools. Create a new HTML + HubL file, paste the template code, and publish. The template is then available in HubSpot's email editor for creating campaigns. It includes required HubL tags for unsubscribe links and contact details. ### How to Import a Custom HTML Email Template into Brevo Download the Brevo template from your dashboard. In Brevo, go to Campaigns > Templates > New Template > Code your own. Paste the HTML and customize. The template works with Brevo's personalization tags. Available on all plans including the free tier (300 emails/day). ### How to Import a Custom HTML Email Template into Constant Contact Download the Constant Contact template from your dashboard. In Constant Contact, click Create > Email, then choose Custom Code. Paste the HTML, customize content using their image library and editor, and save. Available on all paid plans. ### Using Your Brand Voice Guide with AI Writing Tools Copy the voice guide and paste it at the start of any AI conversation as context. The AI will then generate content matching your brand's tone, vocabulary, and style. Works with ChatGPT, Claude, custom API integrations, Make/Zapier automations, email sequences, content pipelines, support bots, and sales outreach tools. Update the guide by re-analyzing your site if your brand evolves. --- ## Contact For questions, feedback, or partnership inquiries, visit [https://sitetosend.com/contact](https://sitetosend.com/contact).