Mod AI Brand: Colors, Fonts, Logo & Visual Identity

Mod AI Brand Identity

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

Color Palette

Brand palette extracted from https://usemod.ai.

Color Hex Code RGB Values
Primary #686283 rgb(104, 98, 131)
Secondary #3B107D rgb(59, 16, 125)
Accent #3B107D rgb(59, 16, 125)
Background #F8F6FF rgb(248, 246, 255)
Text Primary #080030 rgb(8, 0, 48)
Link #080030 rgb(8, 0, 48)

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Mod AI's actual button styles.

Component Background Text Color Border Radius
Input transparent #58575C 0px
Button Primary #3B107D #FFFFFF 8px
Button Secondary #F8F6FF #080030 8px

Brand Personality

Mod AI Brand in the Wild

Source: usemod.ai

Source: usemod.ai

Frequently Asked Questions

What is Mod AI's primary brand color?
Mod AI's primary brand color is #686283, anchoring the visual identity across their website, product UI, and marketing materials.

What accent color does Mod AI use?
Mod AI uses #3B107D as an accent color, typically applied to interactive elements like links and buttons.

What font does Mod AI use?
Mod AI uses Nunito for body text and Libre Caslon Text for headings.

Does Mod AI use a light or dark theme?
Mod AI's primary site uses a light color scheme, with a background of #F8F6FF.

Where can I find Mod AI's logo?
Mod AI's logo is available directly on their site (https://usemod.ai). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?
This profile was extracted from https://usemod.ai using the Firecrawl branding extraction API.

Methodology

Brand data was extracted from https://usemod.ai using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Nunito",
      "role": "body"
    },
    {
      "family": "Libre Caslon Text",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#686283",
    "secondary": "#3B107D",
    "accent": "#3B107D",
    "background": "#F8F6FF",
    "textPrimary": "#080030",
    "link": "#080030"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Nunito",
      "heading": "Libre Caslon Text"
    }
  },
  "images": {
    "logo": "https://usemod.ai/assets/images/logo/Logo-White@4x.png",
    "favicon": "https://usemod.ai/favicon.ico",
    "ogImage": "https://usemod.ai/assets/images/logo/og-image.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals seeking automation solutions"
  }
}