Latchel Brand: Colors, Fonts, Logo & Visual Identity

Latchel Brand Identity

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

Color Palette

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

Type Color RGB
primary #FF9B8A rgb(255, 155, 138)
secondary #EA4335 rgb(234, 67, 53)
accent #FF9B8A rgb(255, 155, 138)
background #FFFDFB rgb(255, 253, 251)
textPrimary #373737 rgb(55, 55, 55)
link #EF3F56 rgb(239, 63, 86)

Typography

Each font links to its Google Fonts page where available.

Type Font Link
primary GT Walsheim Google Fonts →
heading GT Walsheim Google Fonts →

Visual Assets

UI Components

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

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

What font does Latchel use?
Latchel uses GT Walsheim as the primary typeface across body and headings.

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

Where can I find Latchel's logo?
Latchel's logo is available directly on their site (http://latchel.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://latchel.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 Latchel.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "GT Walsheim",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#FF9B8A",
    "secondary": "#EA4335",
    "accent": "#FF9B8A",
    "background": "#FFFDFB",
    "textPrimary": "#373737",
    "link": "#EF3F56"
  },
  "typography": {
    "fontFamilies": {
      "primary": "GT Walsheim",
      "heading": "GT Walsheim"
    },
    "fontStacks": {
      "heading": [
        "GT Walsheim",
        "sans-serif"
      ],
      "body": [
        "GT Walsheim",
        "sans-serif"
      ],
      "paragraph": [
        "GT Walsheim",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "70px",
      "h2": "60px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF9B8A",
      "textColor": "#373737",
      "borderColor": "#373737",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFDFB",
      "textColor": "#333333",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://latchel.com/wp-content/uploads/2021/12/Primary-Latchel-Black-1.svg",
    "favicon": "https://latchel.com/wp-content/uploads/2021/12/favicon.png",
    "ogImage": "https://latchel.com/wp-content/uploads/2022/02/Video-Troubleshooting-3.png",
    "logoHref": "https://latchel.com/",
    "logoAlt": "latchel-logo"
  }
}