Notch Brand: Colors, Fonts, Logo & Visual Identity
Notch Brand Identity
A complete profile of Notch's visual system — colors, typography, components, and personality — extracted from https://www.notch.cx/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.notch.cx/.
| Color | Hex | RGB |
|---|---|---|
| primary | #D1DAE1 | rgb(209, 218, 225) |
| secondary | #FF8635 | rgb(255, 134, 53) |
| accent | #FF8635 | rgb(255, 134, 53) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #485265 | rgb(72, 82, 101) |
| link | #485265 | rgb(72, 82, 101) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| primary | Inter | Google Fonts → |
| heading | Barlow | Google Fonts → |
Visual Assets
.png)
.png)
UI Components
Live previews rendered using Notch's actual button styles.
Button Primary
- background: #FF8635
- textColor: #FFFFFF
- borderRadius: 32px
- shadow: rgba(244, 86, 31, 0.45) 0px 6px 18.08px 0px
Button Secondary
- background: #000000
- textColor: #E6ECEF
- borderRadius: 1224px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: regulated industries
Frequently Asked Questions
What is Notch's primary brand color?
Notch's primary brand color is #D1DAE1. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Notch use?
Notch uses #FF8635 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Notch use?
Notch uses Inter for body text and Barlow for headings. Fonts were detected on https://www.notch.cx/ as part of their live design system.
Does Notch use a light or dark theme?
Notch's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Notch's logo?
Notch's logo is available directly on their site (https://www.notch.cx/). 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 https://www.notch.cx/ 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 Notch.
Methodology
Brand data on this page was extracted from https://www.notch.cx/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.