Semble AI Brand: Colors, Fonts, Logo & Visual Identity

Semble AI Brand Identity

A complete profile of Semble AI's visual system — colors, typography, components, and personality — extracted from www.sembleai.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from www.sembleai.com.

primary
#333C4D
rgb(51, 60, 77)
secondary
#9CA3AF
rgb(156, 163, 175)
accent
#333C4D
rgb(51, 60, 77)
background
#FFFFFF
rgb(255, 255, 255)
textPrimary
#757C8A
rgb(117, 124, 138)
link
#757C8A
rgb(117, 124, 138)

Typography

Each font links to its Google Fonts page where available.

primary
DM Sans
DM Sans Google Fonts →
heading
Instrument Serif
Instrument Serif Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Semble AI's actual button styles.

Input

background #FFFFFF
textColor #21242C
borderColor #E3E5E8
borderRadius 5.5px
shadow none

Button Primary

background #333C4D
textColor #FFFFFF
borderRadius 9999px
shadow rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

Button Secondary

background #FFFFFF
textColor #21242C
borderColor #E9EAED
borderRadius 9999px
shadow none

Brand Personality

Tone: professional
Energy: medium
Audience: architects and engineers

Semble AI Brand in the Wild

Image: sembleai.com Source: sembleai.com

Frequently Asked Questions

What is Semble AI's primary brand color? Semble AI's primary brand color is #333C4D. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Semble AI use? Semble AI uses DM Sans for body text and Instrument Serif for headings. Fonts were detected on www.sembleai.com as part of their live design system.
Does Semble AI use a light or dark theme? Semble AI's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Semble AI's logo? Semble AI's logo is available directly on their site (www.sembleai.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 www.sembleai.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 Semble AI.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    },
    {
      "family": "Instrument Serif",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#333C4D",
    "secondary": "#9CA3AF",
    "accent": "#333C4D",
    "background": "#FFFFFF",
    "textPrimary": "#757C8A",
    "link": "#757C8A"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "Instrument Serif"
    },
    "fontStacks": {
      "heading": [
        "Instrument Serif",
        "serif"
      ],
      "body": [
        "DM Sans",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "DM Sans",
        "system-ui",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "59.25px",
      "h2": "48px",
      "body": "13.5px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "17px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#21242C",
      "borderColor": "#E3E5E8",
      "borderRadius": "5.5px",
      "borderRadiusCorners": {
        "topLeft": "5.5px",
        "topRight": "5.5px",
        "bottomRight": "5.5px",
        "bottomLeft": "5.5px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#333C4D",
      "textColor": "#FFFFFF",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#21242C",
      "borderColor": "#E9EAED",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.sembleai.com/assets/NEW_LOGO-BtvMjTn8.png",
    "favicon": "https://www.sembleai.com/favicon.ico",
    "ogImage": "https://www.sembleai.com/logo.png",
    "logoHref": "/",
    "logoAlt": "Semble AI"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "architects and engineers"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}

Related Brand Profiles

Zapier Scale AI Fivetran Stripe PagerDuty Brex