M0 Brand: Colors, Fonts, Logo & Visual Identity

M0 Brand Identity

A complete profile of M0's visual system — colors, typography, components, and personality — extracted from https://www.m0.org/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.m0.org/.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

UI Components

Button Primary

Button Secondary

Brand Personality

M0 Brand in the Wild

Frequently Asked Questions

  1. What is M0's primary brand color?
    M0's primary brand color is #4B6378.

  2. What accent color does M0 use?
    M0 uses #181C21 as an accent color.

  3. What font does M0 use?
    M0 uses Inter for body text and PP Formula for headings.

  4. Does M0 use a light or dark theme?
    M0's primary site uses a light color scheme, with a background of #FFFFFF.

  5. Where can I find M0's logo?
    M0's logo is available directly on their site (https://www.m0.org/).

  6. How was this brand profile generated?
    This profile was extracted from https://www.m0.org/ using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://www.m0.org/ on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "PP Formula",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#4B6378",
    "secondary": "#3898EC",
    "accent": "#181C21",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#1C242C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "PP Formula"
    },
    "fontStacks": {
      "heading": [
        "PP Formula",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "24px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#181C21",
      "textColor": "#FFFFFF",
      "borderRadius": "2px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F5F5",
      "textColor": "#181C21",
      "borderRadius": "2px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6762be5b6c55f4c330bf115d/68629cf154df68acdafc8d52_m0_logo_256.png",
    "favicon": "https://cdn.prod.website-files.com/6762be5b6c55f4c330bf115d/68629cea71e62a4131d00995_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/6762be5b6c55f4c330bf115d/69a59750b98e52cf6cd0bc0e_OG%20-%20Home.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "individuals interested in financial empowerment"
  }
}