Best LLMs for Visual Theme Configuration Generation

Output schema

Every answer on this task is checked against this JSON Schema, whichever model wrote it. An answer that doesn't fit counts as a model failure, and the call is retried on another model.

{
  "description": "Output model for theme generation based on logo analysis and brand context.\n\nThe LLM analyzes the generated logo image along with brand context\n(subject name, industry, focus areas) to produce a cohesive theme.",
  "properties": {
    "accent_color": {
      "description": "Accent color for highlights and CTAs, in hex format (e.g., '#ff6b00')",
      "title": "Accent Color",
      "type": "string"
    },
    "background_color": {
      "description": "Background color that complements the brand, in hex format (e.g., '#ffffff' or '#0a0a0a')",
      "title": "Background Color",
      "type": "string"
    },
    "body_font": {
      "description": "Google Font name for body text, prioritizing readability (e.g., 'Inter', 'Open Sans')",
      "title": "Body Font",
      "type": "string"
    },
    "color_reasoning": {
      "default": "",
      "description": "Explanation of color choices and how they relate to the brand",
      "title": "Color Reasoning",
      "type": "string"
    },
    "css_class": {
      "description": "CSS class for the theme, lowercase with hyphens (e.g., 'theme-tesla', 'theme-spacex')",
      "title": "Css Class",
      "type": "string"
    },
    "font_import_url": {
      "description": "Complete Google Fonts import URL for both fonts (e.g., 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700\u0026family=Inter:wght@400;500\u0026display=swap')",
      "title": "Font Import Url",
      "type": "string"
    },
    "font_reasoning": {
      "default": "",
      "description": "Explanation of font choices and how they match the brand personality",
      "title": "Font Reasoning",
      "type": "string"
    },
    "heading_font": {
      "description": "Google Font name for headings that matches brand personality (e.g., 'Playfair Display', 'Montserrat')",
      "title": "Heading Font",
      "type": "string"
    },
    "primary_color": {
      "description": "Primary brand color extracted from logo, in hex format (e.g., '#005288')",
      "title": "Primary Color",
      "type": "string"
    },
    "secondary_color": {
      "description": "Secondary complementary color, in hex format (e.g., '#a7a9ac')",
      "title": "Secondary Color",
      "type": "string"
    },
    "text_color": {
      "description": "Primary text color with good contrast against background, in hex format (e.g., '#333333')",
      "title": "Text Color",
      "type": "string"
    },
    "theme_name": {
      "description": "Display name for the theme (e.g., 'Tesla Modern', 'SpaceX Dark')",
      "title": "Theme Name",
      "type": "string"
    }
  },
  "required": [
    "theme_name",
    "css_class",
    "primary_color",
    "secondary_color",
    "accent_color",
    "background_color",
    "text_color",
    "heading_font",
    "body_font",
    "font_import_url"
  ],
  "title": "ThemeGenerationOutput",
  "type": "object"
}