Attentive Brand Identity

A complete profile of Attentive's visual system — colors, typography, components, and personality — extracted from https://attentive.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://attentive.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

Brand Personality

Tone: modern Energy: high Audience: businesses looking for AI-powered marketing solutions

Frequently Asked Questions

What is Attentive's primary brand color? Attentive's primary brand color is #FFF382. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Attentive use? Attentive uses Maison Neue for body text and Maison Neue Extended for headings. Fonts were detected on https://attentive.com as part of their live design system.
Does Attentive use a light or dark theme? Attentive's primary site uses a light color scheme, with a background of #FFFFFF.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Maison Neue Extended",
      "role": "heading"
    },
    {
      "family": "Maison Neue",
      "role": "body"
    },
    {
      "family": "Montserrat",
      "role": "unknown"
    },
    {
      "family": "Ginto Nord",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#FFF382",
    "secondary": "#F2EEE0",
    "accent": "#FFF382",
    "background": "#FFFFFF",
    "textPrimary": "#1A1E22",
    "link": "#2C2014"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Maison Neue",
      "heading": "Maison Neue Extended"
    },
    "fontStacks": {
      "heading": [
        "Ginto Nord",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Maison Neue Extended",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Maison Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "65px",
      "h2": "40px",
      "body": "10px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "input": {
      "background": "#1A1E22",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FFF382",
      "textColor": "#1A1E22",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#1A1E22",
      "borderColor": "#1A1E22",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/684306b795a2c402456e92ba/68c7f39e24ac0da12787867d_Attentive%20icon.svg",
    "favicon": "https://cdn.prod.website-files.com/684306b795a2c402456e92ba/68ca2e64ae46fe3b4e3e3b6c_Favicon%20Attentive.ico",
    "ogImage": "https://cdn.prod.website-files.com/5f8dd331b45e61acc8ac985c/606dedfeb8fb8b813ce79552_Homepage%20Sharing%20Image-01.png",
    "logoHref": "/",
    "logoAlt": "Attentive Logo"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "businesses looking for AI-powered marketing solutions"
  }
}