Agentio Brand Identity

A complete profile of Agentio's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #000821
• secondary: #0000EE
• accent: #03144E
• background: #FFFFFF
• textPrimary: #03144E
• link: #03144E

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Aeonik — https://fonts.google.com/specimen/Aeonik

Visual Assets

• Logo: .png)
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#03144E, textColor=#FFFFFF, borderRadius=1600px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#FFFFFF, borderRadius=0px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: creators and advertisers

Agentio Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Why Brands Are Shifting CTV and Linear Budgets to YouTube Creators
  • Image:
  • Source: Link
• Agentio Seed Funding Announcement
  • Image:
  • Source: Link
• Agentio | The AI-Native Platform for Creator Advertising
  • Image: .png)
  • Source: Link
• Why Brands Are Shifting CTV and Linear Budgets to YouTube Creators
  • Image:
  • Source: Link
• We're Building the Most Important Growth Engine: Agentio's Series B
  • Image:
  • Source: Link
• Case Studies
  • Image:
  • Source: Link

Working with these fonts

CharacterQuilt.com suggests these instructions to obtain the fonts if you have permission to use them:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extensions: woff2, woff, ttf, otf).
3. Hard-reload the page and navigate (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer to listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step remains the same.

Only perform these actions if you have permission to use the brand assets, as most proprietary fonts are licensed and not redistributable.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Aeonik",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Schibsted Grotesk",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#000821",
    "secondary": "#0000EE",
    "accent": "#03144E",
    "background": "#FFFFFF",
    "textPrimary": "#03144E",
    "link": "#03144E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Aeonik"
    },
    "fontStacks": {
      "heading": [
        "Schibsted Grotesk",
        "sans-serif"
      ],
      "body": [
        "Aeonik",
        "sans-serif"
      ],
      "paragraph": [
        "Aeonik",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "72px",
      "body": "19px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#03144E",
      "textColor": "#FFFFFF",
      "borderRadius": "1600px",
      "borderRadiusCorners": {
        "topLeft": "1600px",
        "topRight": "1600px",
        "bottomRight": "1600px",
        "bottomLeft": "1600px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/64dabf3558320122b88c5b84/6912391402abbaf1724f8173_agentio-logo-cropped%20(1).png",
    "favicon": "https://cdn.prod.website-files.com/64dabf3558320122b88c5b84/652de00f728202aabe5dcb74_Current.png",
    "ogImage": "https://cdn.prod.website-files.com/64dabf3558320122b88c5b84/691be609ed02ad24fa5cc3f8_agentio-og-2025.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 2,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Agentio'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Get started",
      "reasoning": "The 'Get started' button is likely the primary CTA due to its action-oriented text and vibrant brand color background (#03144E), which aligns with the site's primary color scheme."
    },
    "secondary": {
      "index": 2,
      "text": "Read Case Study →",
      "reasoning": "The 'Read Case Study →' button is secondary as it has a different background color (#FFFFFF) and serves a less immediate action compared to 'Get started'."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "creators and advertisers"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Agentio'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}