Matrubials Brand Identity

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

Color Palette

Brand palette extracted from https://matrubials.com/.
Primary: #62ABD9
Secondary: #274A60
Accent: #3E7CA3
Background: #FFFFFF
Text Primary: #161616
Link: #3E7CA3

Typography

Each font links to its Google Fonts page where available.
Primary: Lato (Google Fonts →)
Heading: Cabin (Google Fonts →)

Visual Assets

Favicon

Social Card

Brand Personality

Tone: professional
Energy: medium
Audience: unknown

Frequently Asked Questions

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

What accent color does Matrubials use?
Matrubials uses #3E7CA3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Matrubials use?
Matrubials uses Lato for body text and Cabin for headings. Fonts were detected on https://matrubials.com/ as part of their live design system.

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

How was this brand profile generated?
This profile was extracted from https://matrubials.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 Matrubials.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Lato",
      "role": "body"
    },
    {
      "family": "Cabin",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#62ABD9",
    "secondary": "#274A60",
    "accent": "#3E7CA3",
    "background": "#FFFFFF",
    "textPrimary": "#161616",
    "link": "#3E7CA3"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Lato",
      "heading": "Cabin"
    },
    "fontStacks": {
      "heading": [
        "Cabin",
        "arial",
        "sans-serif"
      ],
      "body": [
        "Times New Roman"
      ],
      "paragraph": [
        "Lato",
        "arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "24px",
      "h2": "24px",
      "body": "23px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "favicon": "https://img1.wsimg.com/isteam/ip/static/pwa-app/logo-default.png/:/rs=w:57,h:57,m",
    "ogImage": "https://img1.wsimg.com/isteam/ip/f3a24e04-5e71-46cc-beb3-c41e3a0731a0/logo3Pitch.tiff"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "unknown"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}