Miracle Brand: Colors, Fonts, Logo & Visual Identity

Miracle Brand Identity

A complete profile of Miracle's visual system — colors, typography, components, and personality — extracted from http://www.miracleml.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://www.miracleml.com.

primary: #010B15
secondary: #595F70
accent: #3898EC
background: #FFFFFF
textPrimary: #000000
link: #3898EC

Typography

Each font links to its Google Fonts page where available.

primary: Inter
Google Fonts →
heading: Poppins
Google Fonts →

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Miracle's actual button styles.

Button Primary
- background: #000000
- textColor: #FFFFFF
- borderRadius: 8px
- shadow: none
Button Secondary
- background: #595F70
- textColor: #FFFFFF
- borderRadius: 6px
- shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: healthcare professionals

Miracle Brand in the Wild

Image: cdn.prod.website-files.com
Source: miracleml.com

Frequently Asked Questions

What is Miracle's primary brand color?
Miracle's primary brand color is #010B15. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Miracle use?
Miracle uses #3898EC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Miracle use?
Miracle uses Inter for body text and Poppins for headings. Fonts were detected on http://www.miracleml.com as part of their live design system.
Does Miracle use a light or dark theme?
Miracle's primary site uses a light color scheme, with a background of #FFFFFF.
How was this brand profile generated?
This profile was extracted from http://www.miracleml.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Miracle.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Poppins",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#010B15",
    "secondary": "#595F70",
    "accent": "#3898EC",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#3898EC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Poppins"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "52.8px",
      "h2": "24px",
      "body": "24px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#595F70",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://cdn.prod.website-files.com/65b91e61ab255e62eb1b2250/65c17a6377fea02f5ec5c105_32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/65b91e61ab255e62eb1b2250/65c17c1c8729c28956f310a7_opengraph.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "healthcare professionals"
  }
}