Agents

{
  "spacing": {
    "lg": "2.5rem",
    "md": "1.5rem",
    "sm": "1rem",
    "xl": "4rem",
    "xs": "0.5rem",
    "xxl": "6rem"
  },
  "components": {
    "cards": {
      "border": "1px solid #E8E6E3",
      "shadow": "0 4px 12px rgba(0,0,0,0.1)",
      "padding": "2rem",
      "background": "#FFFFFF",
      "borderRadius": "16px"
    },
    "buttons": {
      "primary": {
        "text": "#FFFFFF",
        "hover": "#6A8B76",
        "padding": "12px 32px",
        "background": "#7B9E87",
        "borderRadius": "8px"
      },
      "secondary": {
        "text": "#7B9E87",
        "hover": "#F7F5F2",
        "border": "2px solid #7B9E87",
        "padding": "12px 32px",
        "background": "transparent",
        "borderRadius": "8px"
      }
    }
  },
  "typography": {
    "body": {
      "style": "Clean, readable sans-serif",
      "family": "Inter",
      "weights": [
        400,
        500,
        600
      ],
      "fallback": "system-ui, sans-serif"
    },
    "scale": {
      "h1": "3rem",
      "h2": "2.25rem",
      "h3": "1.75rem",
      "h4": "1.25rem",
      "body": "1.125rem",
      "small": "0.875rem"
    },
    "headings": {
      "style": "Elegant serif for warmth and professionalism",
      "family": "Playfair Display",
      "weights": [
        400,
        600
      ],
      "fallback": "Georgia, serif"
    }
  },
  "accessibility": {
    "aria_labels": "All interactive elements properly labeled",
    "contrast_ratios": "All text meets WCAG AA standards (4.5:1 minimum)",
    "focus_indicators": "Visible 2px sage green outline",
    "heading_hierarchy": "Semantic HTML structure maintained"
  },
  "color_palette": {
    "accent": {
      "softCoral": "#E8A59C",
      "description": "Gentle coral - adds warmth and approachability"
    },
    "primary": {
      "sage": "#7B9E87",
      "description": "Calming, grounding sage green - represents growth and healing"
    },
    "neutrals": {
      "cream": "#F7F5F2",
      "charcoal": "#3A3734",
      "warmGray": "#8B8680"
    },
    "secondary": {
      "warmTaupe": "#C4B5A0",
      "description": "Warm, neutral taupe - conveys stability and professionalism"
    }
  },
  "design_tokens": {
    "shadows": {
      "medium": "0 4px 12px rgba(0,0,0,0.1)",
      "subtle": "0 1px 3px rgba(0,0,0,0.08)",
      "elevated": "0 8px 24px rgba(0,0,0,0.12)"
    },
    "transitions": {
      "fast": "150ms ease",
      "slow": "400ms ease",
      "normal": "250ms ease"
    },
    "borderRadius": {
      "full": "9999px",
      "large": "16px",
      "small": "4px",
      "medium": "8px"
    }
  },
  "image_prompts": {
    "hero_bg": "A soft watercolor texture background in warm #7B9E87 sage green and muted #C4B5A0 taupe tones blending seamlessly with gentle organic flowing shapes, creating a calming and peaceful atmosphere. Abstract watercolor washes with subtle gradients. 1920x1080 pixels. No faces, no text, no people.",
    "services_bg": "Abstract flowing organic shapes in soft #E8A59C coral and #7B9E87 sage green, overlapping translucent layers creating depth, peaceful and healing aesthetic. 1200x800 pixels. No faces, no text.",
    "about_accent": "Warm natural texture with soft bokeh effect in #C4B5A0 taupe and #F7F5F2 cream tones, gentle out-of-focus organic elements suggesting growth and nature. 800x600 pixels. Abstract only.",
    "contact_pattern": "Minimalist geometric pattern with rounded corners in #7B9E87 sage green on #F7F5F2 cream background, subtle and professional, suitable for footer or contact section background. 1920x600 pixels. Very low opacity recommended.",
    "section_texture": "Subtle seamless texture in #F7F5F2 cream with barely visible organic flowing lines and soft botanical impressions, gentle and minimal pattern suitable for background use. 1920x400 pixels. Extremely subtle, low contrast."
  },
  "page_sections": [
    {
      "layout": "Full-width with centered content, soft gradient background",
      "section": "Hero",
      "elements": [
        "Professional headshot",
        "Name & credentials",
        "Tagline",
        "CTA button"
      ]
    },
    {
      "layout": "Two-column with image and text",
      "section": "About",
      "elements": [
        "Bio highlighting 12 years experience",
        "Approach to therapy",
        "Warm personal photo"
      ]
    },
    {
      "layout": "Three-column card grid",
      "section": "Services",
      "elements": [
        "EMDR Therapy card",
        "Trauma Recovery card",
        "General counseling card"
      ]
    },
    {
      "layout": "Single column centered",
      "section": "Credentials",
      "elements": [
        "LMFT license info",
        "Education",
        "Specializations",
        "Professional memberships"
      ]
    },
    {
      "layout": "Split section with form and info",
      "section": "Contact",
      "elements": [
        "Contact form",
        "Office location (Austin, TX)",
        "Phone/email",
        "Insurance info"
      ]
    }
  ],
  "brand_identity": {
    "name": "Dr. Maya Rodriguez, LMFT",
    "tone": "warm, professional, compassionate, trustworthy, calming",
    "tagline": "Healing Through Connection & Understanding",
    "location": "Austin, Texas",
    "specializations": [
      "EMDR Therapy",
      "Trauma Recovery",
      "Mental Health Counseling"
    ],
    "experience_years": 12
  },
  "visual_elements": {
    "patterns": "Subtle organic textures, gentle gradients, flowing lines representing connection and healing",
    "iconography": "Rounded, minimal line icons with 2px stroke weight",
    "imagery_style": "Soft-focus nature photography, abstract organic shapes, warm natural lighting"
  },
  "design_principles": [
    "Create a sense of safety and trust through warm, calming colors",
    "Maintain professionalism while being approachable",
    "Use whitespace generously to avoid overwhelming visitors",
    "Prioritize readability and accessibility",
    "Reflect the healing journey through organic, flowing design elements"
  ]
}