Mockup Agent

{
  "brand_bible_entries": [],
  "image_prompts": [
    {
      "asset_type": "Business Card",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E"
        ],
        "dimensions": "700x400",
        "mockup_name": "Business Card (Front)"
      },
      "prompt": "A clean, modern business card mockup, front side. Dimensions 3.5 x 2 inches. The card background is Warm Cream (#F7F4EE). The Oxford Naralytica \u0027Insight Arc\u0027 logo (vibrant Insight Teal #2AF598 arc, Charcoal #2E2E2E wordmark in Fira Sans font) is prominently placed in the upper left. Below it, the employee\u0027s name \u0027Dr. Anya Sharma\u0027 in Fira Sans Bold (Charcoal #2E2E2E, 12pt) and title \u0027Principal Data Ethicist\u0027 in Fira Sans Regular (Charcoal #2E2E2E, 9pt). Contact details (phone: +1 (555) 123-4567, email: anya.sharma@naralytica.com, website: naralytica.com) are subtly aligned below in JetBrains Mono Regular (Charcoal #2E2E2E, 8pt). Minimalist design, professional photography, soft studio lighting. Aspect ratio 1.75:1."
    },
    {
      "asset_type": "Business Card",
      "metadata": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE"
        ],
        "dimensions": "700x400",
        "mockup_name": "Business Card (Back)"
      },
      "prompt": "A clean, modern business card mockup, back side. Dimensions 3.5 x 2 inches. The card background is Oxford Green (#0B3D32). A subtle, transparent overlay of the \u0027Principled Growth Vines\u0027 brand pattern (organic, flowing lines in vibrant Insight Teal #2AF598 and Warm Cream #F7F4EE) is visible. The brand tagline \u0027Enlightened Intelligence.\u0027 is centered in Fira Sans Bold (Warm Cream #F7F4EE, 14pt). Minimalist design, professional photography, soft studio lighting. Aspect ratio 1.75:1."
    },
    {
      "asset_type": "Letterhead",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E",
          "#DEDCD5"
        ],
        "dimensions": "1000x1414",
        "mockup_name": "Letterhead"
      },
      "prompt": "A professional A4 letterhead mockup. The header features the Oxford Naralytica \u0027Insight Arc\u0027 logo (vibrant Insight Teal #2AF598 arc, Charcoal #2E2E2E wordmark in Fira Sans font) aligned to the left, with a thin horizontal line in Light Grey (#DEDCD5) extending across the page below it. The main body of the letter is in Fira Sans Regular (Charcoal #2E2E2E, 11pt) placeholder text. The footer includes company address \u0027123 Insight Avenue, Oxford, OX1 1AB\u0027 and contact details \u0027naralytica.com | info@naralytica.com\u0027 in Fira Sans Regular (Charcoal #2E2E2E, 9pt), subtly aligned right. The paper background is Warm Cream (#F7F4EE). Professional, clean, and elegant. Aspect ratio 1:1.41."
    },
    {
      "asset_type": "Email Signature",
      "metadata": {
        "colors": [
          "#2AF598",
          "#2E2E2E"
        ],
        "dimensions": "800x400",
        "mockup_name": "Email Signature"
      },
      "prompt": "A realistic email signature mockup displayed in an email client. The signature includes the Oxford Naralytica \u0027Insight Arc\u0027 icon (vibrant Insight Teal #2AF598) as a small, square avatar (e.g., 60x60px). Below it, \u0027Leo Chen\u0027 in Fira Sans Bold (Charcoal #2E2E2E, 14pt), \u0027Head of Digital Strategy\u0027 in Fira Sans Regular (Charcoal #2E2E2E, 12pt). Contact details (phone: +1 (555) 987-6543, email: leo.chen@naralytica.com, website: naralytica.com) and a link to \u0027Oxford Naralytica\u0027 in Fira Sans Regular (Charcoal #2E2E2E, 10pt), with the website link in Insight Teal (#2AF598). Clean, compact, and professional layout."
    },
    {
      "asset_type": "Website Hero Section",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2E2E2E",
          "#2AF598",
          "#FFFFFF"
        ],
        "dimensions": "1920x1080",
        "mockup_name": "Website Homepage Hero Section"
      },
      "prompt": "A website homepage hero section mockup for Oxford Naralytica. A large, compelling candid photograph of three diverse people (male and female, various ethnicities, 30s-40s) collaborating around a large, transparent digital display showing simplified, elegant data visualizations. They are in a modern, light-filled office with natural wood accents and indoor plants. The photo has warm, natural lighting. Overlaying this image on the left, a bold headline \u0027Go Beyond Data. Achieve Profound Clarity.\u0027 in Fira Sans Bold (Charcoal #2E2E2E, 48pt). Below, a sub-headline \u0027Enlightened Intelligence for a complex world.\u0027 in Fira Sans Regular (Charcoal #2E2E2E, 20pt). A prominent call-to-action button \u0027Explore Insights\u0027 with a vibrant Insight Teal (#2AF598) background and white text in Fira Sans Semi-Bold. The Oxford Naralytica \u0027Insight Arc\u0027 logo (white arc, white wordmark in Fira Sans font) is subtly placed in the top left corner of the page header on a transparent background. The overall background is Warm Cream (#F7F4EE) for the non-hero sections. Clean, modern, and inviting. Aspect ratio 16:9."
    },
    {
      "asset_type": "Social Media Profile",
      "metadata": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE",
          "#2E2E2E"
        ],
        "dimensions": "1584x1000",
        "mockup_name": "LinkedIn Profile"
      },
      "prompt": "A LinkedIn company profile page mockup for Oxford Naralytica. The profile picture features the Oxford Naralytica \u0027Insight Arc\u0027 icon (vibrant Insight Teal #2AF598) centered on a solid Oxford Green (#0B3D32) circular background. The banner image features a minimalist design with a subtle brand pattern (organic, flowing lines in vibrant Insight Teal #2AF598 and Warm Cream #F7F4EE on an Oxford Green #0B3D32 background) on the left side. On the right, the \u0027Oxford Naralytica\u0027 wordmark (Charcoal #2E2E2E, Fira Sans font) and the tagline \u0027Enlightened Intelligence.\u0027 (Charcoal #2E2E2E, Fira Sans font). Standard LinkedIn UI elements are visible, maintaining the brand\u0027s professional and approachable aesthetic. Dimensions 1584x396 for banner, 800x800 for profile picture."
    },
    {
      "asset_type": "Social Media Post Template",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#DEDCD5",
          "#2E2E2E",
          "#0B3D32",
          "#FFFFFF",
          "#2AF598"
        ],
        "dimensions": "1080x1080",
        "mockup_name": "Instagram Post Template (Image Focused)"
      },
      "prompt": "A square Instagram post template mockup (1080x1080px). The layout features a large central image area showing a candid photograph of a person (30s, gender-neutral) deeply focused on a laptop screen, subtly showing abstract data patterns. The setting is a quiet, comfortable corner of a modern library or a home office with soft, diffused natural light coming through a window. The photo has warm, natural lighting. A thin Light Grey (#DEDCD5) border surrounds the image. Below the image, a text box with a short headline \u0027Uncover the Unseen.\u0027 in Fira Sans Bold (Charcoal #2E2E2E, 24pt) and a call to action \u0027Learn More\u0027 button with Oxford Green (#0B3D32) background and white text in Fira Sans Semi-Bold. Ample Warm Cream (#F7F4EE) whitespace surrounds the elements. The Oxford Naralytica \u0027Insight Arc\u0027 icon (small, vibrant Insight Teal #2AF598) is subtly placed in a bottom corner. Clean, engaging, and professional. Aspect ratio 1:1."
    },
    {
      "asset_type": "Email Newsletter Header",
      "metadata": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE",
          "#FFFFFF"
        ],
        "dimensions": "1200x400",
        "mockup_name": "Email Newsletter Header"
      },
      "prompt": "An email newsletter header mockup. The header background features a seamless \u0027Principled Growth Vines\u0027 brand pattern (organic, flowing lines in vibrant Insight Teal #2AF598 and Warm Cream #F7F4EE, on an Oxford Green #0B3D32 background). The Oxford Naralytica \u0027Insight Arc\u0027 logo (white arc, white wordmark in Fira Sans font) is prominently centered at the top. Below the logo, a newsletter title \u0027The Insight Report\u0027 in Fira Sans Bold (Warm Cream #F7F4EE, 32pt). Clean, inviting, and branded. Aspect ratio 3:1."
    },
    {
      "asset_type": "Office Signage",
      "metadata": {
        "colors": [
          "#2AF598",
          "#2E2E2E",
          "#F7F4EE"
        ],
        "dimensions": "1200x600",
        "mockup_name": "Office Lobby Signage"
      },
      "prompt": "A realistic 3D render of an office lobby sign for Oxford Naralytica. The sign features the Oxford Naralytica \u0027Insight Arc\u0027 logo (vibrant Insight Teal #2AF598 arc, Charcoal #2E2E2E wordmark in Fira Sans font) as a high-quality, three-dimensional illuminated sign mounted on a textured, warm cream (#F7F4EE) wall. The lighting is soft and inviting, highlighting the subtle depth of the sign. Elegant, modern, and prestigious. Aspect ratio 2:1."
    },
    {
      "asset_type": "Merchandise",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#0B3D32"
        ],
        "dimensions": "800x800",
        "mockup_name": "Branded Mug"
      },
      "prompt": "A realistic mockup of a ceramic coffee mug. The mug is a clean Warm Cream (#F7F4EE) color. On one side, the Oxford Naralytica \u0027Insight Arc\u0027 icon (vibrant Insight Teal #2AF598) is subtly placed near the rim. Below it, the witty tagline \u0027Seriously Smart. Not So Serious.\u0027 is printed in Fira Sans Semi-Bold (Oxford Green #0B3D32). The mug is shown with soft, natural lighting on a clean background. Playful yet sophisticated. Aspect ratio 1:1."
    },
    {
      "asset_type": "Presentation Slide Template",
      "metadata": {
        "colors": [
          "#0B3D32",
          "#06211C",
          "#F7F4EE",
          "#FFFFFF"
        ],
        "dimensions": "1920x1080",
        "mockup_name": "Presentation Title Slide"
      },
      "prompt": "A presentation title slide mockup. The background features a soft \u0027Green Horizon\u0027 gradient (from Oxford Green #0B3D32 at the top to Dark Green Slate #06211C at the bottom). The Oxford Naralytica \u0027Insight Arc\u0027 logo (white arc, white wordmark in Fira Sans font) is placed in the top left corner. The main title \u0027The Future of Ethical AI in Video Intelligence\u0027 is centered in Fira Sans Bold (Warm Cream #F7F4EE, 48pt). A subtitle \u0027Insights for Principled Progress\u0027 in Fira Sans Regular (Warm Cream #F7F4EE, 24pt) is below. Clean, professional, and impactful. Aspect ratio 16:9."
    },
    {
      "asset_type": "Presentation Slide Template",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2E2E2E",
          "#0B3D32",
          "#2AF598",
          "#DEDCD5"
        ],
        "dimensions": "1920x1080",
        "mockup_name": "Presentation Content Slide"
      },
      "prompt": "A presentation content slide mockup. The background is Warm Cream (#F7F4EE). A subtle, small Oxford Naralytica \u0027Insight Arc\u0027 icon (Oxford Green #0B3D32) is in the bottom right corner. The slide title \u0027Unlocking Multimodal Insights\u0027 is in Fira Sans Bold (Charcoal #2E2E2E, 32pt) at the top left. Body content uses Fira Sans Regular (Charcoal #2E2E2E, 18pt) for bullet points and explanatory text. A code snippet or data point is highlighted using JetBrains Mono Regular (Insight Teal #2AF598) within a Light Grey (#DEDCD5) rounded container. Clean, clear hierarchy, and professional. Aspect ratio 16:9."
    },
    {
      "asset_type": "Invoice Design",
      "metadata": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E",
          "#DEDCD5",
          "#0B3D32"
        ],
        "dimensions": "1000x1414",
        "mockup_name": "Invoice Design"
      },
      "prompt": "A professional invoice design mockup. The header features the Oxford Naralytica \u0027Insight Arc\u0027 logo (vibrant Insight Teal #2AF598 arc, Charcoal #2E2E2E wordmark in Fira Sans font) aligned to the left. The invoice number \u0027INV-2024-001\u0027 and date \u00272024-10-26\u0027 are aligned right in Fira Sans Regular (Charcoal #2E2E2E, 10pt). Client and company details are clearly laid out in Fira Sans Regular (Charcoal #2E2E2E, 10pt). A table for line items uses Fira Sans Regular (Charcoal #2E2E2E) with headers in Fira Sans Semi-Bold (Charcoal #2E2E2E) and subtle Light Grey (#DEDCD5) borders. The total amount is highlighted with an Oxford Green (#0B3D32) background for the row. The paper background is Warm Cream (#F7F4EE). Clean, organized, and professional. Aspect ratio 1:1.41."
    }
  ],
  "mockup_strategy": "To bring Oxford Naralytica\u0027s \u0027Enlightened Intelligence\u0027 to life, our mockup strategy focuses on balancing academic authority with witty approachability. We will create a diverse set of mockups across business essentials, digital presence, physical applications, and branded materials, leveraging the \u0027Principled Growth\u0027 visual direction. Each mockup will prominently feature the Insight Arc logo, the sophisticated Oxford Green and Warm Cream palette, and the clear, humanist Fira Sans typography, accented by Insight Teal where appropriate. The goal is to demonstrate consistency, professionalism, and the brand\u0027s unique personality across all touchpoints, appealing to both the \u0027Curious Expert\u0027 and \u0027Pragmatic Protector\u0027 personas.",
  "mockups": [
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E"
        ],
        "fonts": [
          "Fira Sans",
          "JetBrains Mono"
        ],
        "logo_variant": "Primary Logo (Insight Arc)"
      },
      "category": "Business Essentials",
      "description": "Professional business card, front side, showcasing the Oxford Naralytica logo, employee\u0027s name, title, and contact information.",
      "layout_notes": "Clean, minimalist layout. The Insight Arc logo is prominently placed in the upper left. Employee name and title are clearly visible below the logo, with contact details subtly aligned.",
      "name": "Business Card (Front)",
      "use_case": "Networking events, client meetings, and professional introductions."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "None (Brand Pattern used)"
      },
      "category": "Business Essentials",
      "description": "Professional business card, back side, featuring the brand pattern and core tagline to reinforce brand essence.",
      "layout_notes": "The Oxford Green background with a subtle \u0027Principled Growth Vines\u0027 pattern. The brand tagline \u0027Enlightened Intelligence.\u0027 is centered for impact.",
      "name": "Business Card (Back)",
      "use_case": "Reinforcing the brand\u0027s core essence and ethical commitment on a tangible touchpoint."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E",
          "#DEDCD5"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (Insight Arc)"
      },
      "category": "Business Essentials",
      "description": "Official company letterhead for formal documents and correspondence.",
      "layout_notes": "The Insight Arc logo is positioned in the top-left corner, followed by a thin horizontal line. Company address and contact details are subtly placed in the footer, maintaining a clean and professional appearance.",
      "name": "Letterhead",
      "use_case": "Official company letters, proposals, contracts, and internal memos."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#2AF598",
          "#2E2E2E"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Brand Mark (Insight Arc)"
      },
      "category": "Business Essentials",
      "description": "Standardized email signature for all employees, ensuring consistent brand representation in digital communications.",
      "layout_notes": "Compact and clear hierarchy. Features the Insight Arc icon, employee name, title, and essential contact details, with the website link highlighted in accent teal.",
      "name": "Email Signature",
      "use_case": "Professional email communication with clients, partners, and internal teams."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2E2E2E",
          "#2AF598",
          "#FFFFFF"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (White variant)"
      },
      "category": "Digital Presence",
      "description": "The prominent hero section of the Oxford Naralytica website, designed to capture attention and communicate core value immediately.",
      "layout_notes": "Features a large, compelling lifestyle photograph as the background, overlaid with a bold headline, a concise sub-headline, and a prominent call-to-action button. The logo is subtly integrated into the page header.",
      "name": "Website Homepage Hero Section",
      "use_case": "Making a strong first impression on website visitors, communicating brand essence and primary value proposition."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE",
          "#2E2E2E"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Brand Mark (Insight Arc), Wordmark"
      },
      "category": "Digital Presence",
      "description": "The company\u0027s LinkedIn profile page, showcasing brand identity in a professional social media context.",
      "layout_notes": "Standard LinkedIn layout with the Insight Arc icon as the profile picture and a branded banner featuring the wordmark and tagline. This ensures consistent professional branding.",
      "name": "LinkedIn Profile",
      "use_case": "Professional networking, talent acquisition, company updates, and establishing industry authority."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#DEDCD5",
          "#2E2E2E",
          "#0B3D32",
          "#FFFFFF",
          "#2AF598"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Brand Mark (Insight Arc)"
      },
      "category": "Digital Presence",
      "description": "A template for image-focused Instagram posts, designed to be engaging and visually consistent with the brand.",
      "layout_notes": "Features a large central image area with a thin border, a short headline, and a call-to-action button. Ample warm cream whitespace and subtle brand icon ensure a clean and professional aesthetic.",
      "name": "Instagram Post Template (Image Focused)",
      "use_case": "Engaging the audience with visual content, promoting insights, and driving traffic to the website."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#0B3D32",
          "#2AF598",
          "#F7F4EE",
          "#FFFFFF"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (White variant)"
      },
      "category": "Digital Presence",
      "description": "Header design for email newsletters, ensuring brand recognition and consistency in email marketing campaigns.",
      "layout_notes": "A background featuring the \u0027Principled Growth Vines\u0027 pattern. The white variant of the Insight Arc logo is prominently centered, followed by the newsletter title.",
      "name": "Email Newsletter Header",
      "use_case": "Branding email marketing communications, enhancing reader engagement, and maintaining a consistent brand experience."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#2AF598",
          "#2E2E2E",
          "#F7F4EE"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (Insight Arc)"
      },
      "category": "Physical Applications",
      "description": "Elegant lobby signage for the Oxford Naralytica office, creating a prestigious and welcoming physical presence.",
      "layout_notes": "A three-dimensional, illuminated rendition of the Insight Arc logo, mounted on a warm cream textured wall, exuding sophistication and modern elegance.",
      "name": "Office Lobby Signage",
      "use_case": "Establishing a strong physical brand presence, welcoming visitors, and reinforcing brand identity within the company\u0027s premises."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#0B3D32"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Brand Mark (Insight Arc)"
      },
      "category": "Physical Applications",
      "description": "A ceramic coffee mug featuring the brand\u0027s icon and witty tagline, ideal for internal use or as client gifts.",
      "layout_notes": "The Insight Arc icon is subtly placed near the rim, with the tagline \u0027Seriously Smart. Not So Serious.\u0027 printed below it, reflecting the brand\u0027s playful yet authoritative personality.",
      "name": "Branded Mug",
      "use_case": "Employee appreciation, client gifts, and reinforcing the brand\u0027s unique personality in a casual context."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#0B3D32",
          "#06211C",
          "#F7F4EE",
          "#FFFFFF"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (White variant)"
      },
      "category": "Branded Materials",
      "description": "The title slide template for Oxford Naralytica presentations, setting a professional and impactful tone.",
      "layout_notes": "Features a soft \u0027Green Horizon\u0027 gradient background with the white logo variant in the top-left. The presentation title and subtitle are centrally aligned, using clear and impactful typography.",
      "name": "Presentation Title Slide",
      "use_case": "Opening internal and external presentations, setting the stage for key insights and strategic discussions."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2E2E2E",
          "#0B3D32",
          "#2AF598",
          "#DEDCD5"
        ],
        "fonts": [
          "Fira Sans",
          "JetBrains Mono"
        ],
        "logo_variant": "Brand Mark (Insight Arc)"
      },
      "category": "Branded Materials",
      "description": "A content slide template for Oxford Naralytica presentations, designed for clear and engaging delivery of information and data.",
      "layout_notes": "Clean layout with a warm cream background, a clear slide title, and well-structured body content. Code snippets or data points are highlighted using the technical accent font within a rounded container. A subtle Insight Arc icon is in the bottom right.",
      "name": "Presentation Content Slide",
      "use_case": "Presenting detailed information, data visualizations, and key findings in a structured and branded format."
    },
    {
      "brand_elements_used": {
        "colors": [
          "#F7F4EE",
          "#2AF598",
          "#2E2E2E",
          "#DEDCD5",
          "#0B3D32"
        ],
        "fonts": [
          "Fira Sans"
        ],
        "logo_variant": "Primary Logo (Insight Arc)"
      },
      "category": "Branded Materials",
      "description": "A professional invoice design, ensuring clarity and brand consistency in financial documents.",
      "layout_notes": "The Insight Arc logo is in the header, with invoice details aligned right. Client and company information is clearly presented. A table for line items uses subtle borders, and the total amount is highlighted with Oxford Green.",
      "name": "Invoice Design",
      "use_case": "Billing clients, processing payments, and maintaining a professional financial record."
    }
  ]
}