MTailor Brand Identity

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

Color Palette

Brand palette extracted from http://mtailor.com.

• primary: #002939
• secondary: #214F6A
• accent: #135BEC
• background: #FFFFFF
• textPrimary: #012939
• link: #012939

Typography

Each font links to its Google Fonts page where available.

• primary: Raleway (Raleway Google Fonts →)
• heading: Raleway (Raleway Google Fonts →)

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using MTailor's actual button styles.

Input

• background: #FFFFFF
• textColor: #333333
• borderColor: #CCCCCC
• borderRadius: 60px
• shadow: none

Button Primary

• background: #135BEC
• textColor: #FFFFFF
• borderRadius: 12px
• shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -6px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px

Button Secondary

• background: #FFFFFF
• textColor: #012939
• borderColor: #012939
• borderRadius: 60px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: individuals seeking custom clothing

Frequently Asked Questions

• What is MTailor's primary brand color? MTailor's primary brand color is #002939. It anchors the visual identity across their website, product UI, and marketing materials.

• What accent color does MTailor use? MTailor uses #135BEC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

• What font does MTailor use? MTailor uses Raleway as the primary typeface across body and headings.

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

• Where can I find MTailor's logo? MTailor's logo is available directly on their site (http://mtailor.com). 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 http://mtailor.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 MTailor.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Raleway",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#002939",
    "secondary": "#214F6A",
    "accent": "#135BEC",
    "background": "#FFFFFF",
    "textPrimary": "#012939",
    "link": "#012939"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Raleway",
      "heading": "Raleway"
    },
    "fontStacks": {
      "heading": ["Raleway", "sans-serif"],
      "body": ["Raleway", "sans-serif"],
      "paragraph": ["Raleway", "sans-serif"]
    },
    "fontSizes": {
      "h1": "50px",
      "h2": "32px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "24px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#333333",
      "borderColor": "#CCCCCC",
      "borderRadius": "60px",
      "borderRadiusCorners": {
        "topLeft": "60px",
        "topRight": "60px",
        "bottomRight": "60px",
        "bottomLeft": "60px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#135BEC",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0.2) 0px 8px 10px -6px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#012939",
      "borderColor": "#012939",
      "borderRadius": "60px",
      "borderRadiusCorners": {
        "topLeft": "60px",
        "topRight": "60px",
        "bottomRight": "60px",
        "bottomLeft": "60px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.mtailor.com/cdn-cgi/image/format=avif,quality=90/https://cdn.prod.website-files.com/629861169488d43f6ac52f38/629861169488d404a7c52f85_logo.webp",
    "favicon": "https://cdn.prod.website-files.com/629861169488d43f6ac52f38/629861169488d41413c5308f_favicon-32x32.png",
    "ogImage": null,
    "logoHref": "/"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "individuals seeking custom clothing"
  }
}