Metalware Brand: Colors, Fonts, Logo & Visual Identity

Metalware Brand Identity

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

Color Palette

Brand palette extracted from https://www.metalware.com/.

Primary: #FE552E
Secondary: #FFCCC0
Accent: #FE552E
Background: #FFFFFF
Text Primary: #303E3E
Link: #9CA3AF

Typography

Each font links to its Google Fonts page where available.

Body Font: DM Sans
- DM Sans Google Fonts →
Heading: Inter
- Inter Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M144.837%2040.0296V6.93225H169.877V13.3941H152.104V20.0924H167.744V26.5543H152.104V33.489H170.114V39.9508H144.837V40.0296Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M184.335%2040.0296V13.6699H174.224V6.93225H201.713V13.6305H191.602V40.0296H184.295H184.335Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M200.211%2040.0291L214.429%206.69531H221.144L235.362%2040.0291H227.739L224.698%2032.6216H210.677L207.636%2040.0291H200.211ZM213.284%2026.1991H222.092L217.668%2015.4819L213.245%2026.1991H213.284Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M240.496%2040.0296V6.93225H247.803V33.4101H264.351V40.0296H240.496Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M273.871%2040.2666L262.535%206.93287H270.356L277.228%2029.3524L284.653%206.85406H290.893L298.319%2029.3524L305.191%206.93287H312.813L301.478%2040.2666H295.119L287.615%2018.5958L280.111%2040.2666H273.752H273.871Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M311.154%2040.0291L325.373%206.69531H332.087L346.305%2040.0291H338.683L335.642%2032.6216H321.621L318.579%2040.0291H311.154ZM324.227%2026.1991H333.035L328.611%2015.4819L324.188%2026.1991H324.227Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M351.439%2040.0296V6.93225H366.606C370.792%206.93225%20374.031%208.0355%20376.282%2010.2814C378.178%2012.1727%20379.126%2014.7338%20379.126%2017.9253C379.126%2023.0081%20376.756%2026.4361%20372.017%2028.1697L380.113%2039.9902H371.582L364.394%2029.3912H358.746V39.9902H351.439V40.0296ZM358.746%2023.0081H366.132C367.909%2023.0081%20369.292%2022.5747%20370.239%2021.7079C371.187%2020.841%20371.701%2019.6984%20371.701%2018.2405C371.701%2016.7039%20371.187%2015.5218%20370.2%2014.7338C369.173%2013.9457%20367.791%2013.5123%20365.974%2013.5123H358.707V23.0081H358.746Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M385.722%2040.0296V6.93225H410.762V13.3941H392.989V20.0924H408.629V26.5543H392.989V33.489H410.999V39.9508H385.722V40.0296Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M0%2046.8038L26.4389%2046.8624L44.2796%2027.9802V0L0%2046.8038Z%22%20fill%3D%22%23FE552E%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(254%2C%2085%2C%2046)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M44.2796%2027.9802L44.2796%2046.8624H70.016L70.2936%200L44.2796%2027.9802Z%22%20fill%3D%22%23FE552E%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(254%2C%2085%2C%2046)%20!important%3B%22%2F%3E%20%3C%2Fsvg%3E)

UI Components

Live previews rendered using Metalware's actual button styles.

Button Primary

Background: #FE552E
Text Color: #FFFFFF
Border Radius: 6px
Shadow: none

Button Secondary

Background: #FFFFFF
Text Color: #282828
Border Color: #282828
Border Radius: 6px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: technology professionals

Metalware Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Frequently Asked Questions

What is Metalware's primary brand color?
Metalware's primary brand color is #FE552E. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Metalware use?
Metalware uses DM Sans for body text and Inter for headings.
Does Metalware use a light or dark theme?
Metalware's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Metalware's logo?
Metalware's logo is available directly on their site (https://www.metalware.com/).
How was this brand profile generated?
This profile was extracted from https://www.metalware.com/ using the Firecrawl branding extraction API.

Methodology

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

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "heading"
    },
    {
      "family": "Roboto",
      "role": "unknown"
    },
    {
      "family": "Helvetica",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#FE552E",
    "secondary": "#FFCCC0",
    "accent": "#FE552E",
    "background": "#FFFFFF",
    "textPrimary": "#303E3E",
    "link": "#9CA3AF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "DM Sans",
        "system-ui",
        "sans-serif"
      ],
      "body": [
        "DM Sans",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "DM Sans",
        "system-ui",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "48px",
      "body": "30px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FE552E",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#282828",
      "borderColor": "#282828",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22h-6%20astro-3ef6ksr2%22%20viewBox%3D%220%200%20411%2047%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%20%3Cpath%20d%3D%22M103.723%2040.0296V6.93225H111.582L120.311%2020.9198L129.039%206.93225H136.899V40.0296H129.632V18.4375L120.311%2032.5827H120.113L110.871%2018.5951V40.069H103.723V40.0296Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M144.837%2040.0296V6.93225H169.877V13.3941H152.104V20.0924H167.744V26.5543H152.104V33.489H170.114V39.9508H144.837V40.0296Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M184.335%2040.0296V13.6699H174.224V6.93225H201.713V13.6305H191.602V40.0296H184.295H184.335Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M200.211%2040.0291L214.429%206.69531H221.144L235.362%2040.0291H227.739L224.698%2032.6216H210.677L207.636%2040.0291H200.211ZM213.284%2026.1991H222.092L217.668%2015.4819L213.245%2026.1991H213.284Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M240.496%2040.0296V6.93225H247.803V33.4101H264.351V40.0296H240.496Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M273.871%2040.2666L262.535%206.93287H270.356L277.228%2029.3524L284.653%206.85406H290.893L298.319%2029.3524L305.191%206.93287H312.813L301.478%2040.2666H295.119L287.615%2018.5958L280.111%2040.2666H273.752H273.871Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M311.154%2040.0291L325.373%206.69531H332.087L346.305%2040.0291H338.683L335.642%2032.6216H321.621L318.579%2040.0291H311.154ZM324.227%2026.1991H333.035L328.611%2015.4819L324.188%2026.1991H324.227Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M351.439%2040.0296V6.93225H366.606C370.792%206.93225%20374.031%208.0355%20376.282%2010.2814C378.178%2012.1727%20379.126%2014.7338%20379.126%2017.9253C379.126%2023.0081%20376.756%2026.4361%20372.017%2028.1697L380.113%2039.9902H371.582L364.394%2029.3912H358.746V39.9902H351.439V40.0296ZM358.746%2023.0081H366.132C367.909%2023.0081%20369.292%2022.5747%20370.239%2021.7079C371.187%2020.841%20371.701%2019.6984%20371.701%2018.2405C371.701%2016.7039%20371.187%2015.5218%20370.2%2014.7338C369.173%2013.9457%20367.791%2013.5123%20365.974%2013.5123H358.707V23.0081H358.746Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M385.722%2040.0296V6.93225H410.762V13.3941H392.989V20.0924H408.629V26.5543H392.989V33.489H410.999V39.9508H385.722V40.0296Z%22%20fill%3D%22currentColor%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(40%2C%2040%2C%2040)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M0%2046.8038L26.4389%2046.8624L44.2796%2027.9802V0L0%2046.8038Z%22%20fill%3D%22%23FE552E%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(254%2C%2085%2C%2046)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M44.2796%2027.9802L44.2796%2046.8624H70.016L70.2936%200L44.2796%2027.9802Z%22%20fill%3D%22%23FE552E%22%20class%3D%22astro-3ef6ksr2%22%20style%3D%22fill%3A%20rgb(254%2C%2085%2C%2046)%20!important%3B%22%2F%3E%20%3C%2Fsvg%3E",
    "favicon": "https://www.metalware.com/favicon.ico",
    "ogImage": "/og-image.png",
    "logoHref": "/"
  }
}