HumanLayer Brand Identity

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

Color Palette

Brand palette extracted from https://humanlayer.dev.

primary

#FD5799

rgb(253, 87, 153)

secondary

#9CA3AF

rgb(156, 163, 175)

accent

#FD5799

rgb(253, 87, 153)

background

#181818

rgb(24, 24, 24)

textPrimary

#181818

rgb(24, 24, 24)

link

#3B82F6

rgb(59, 130, 246)

Typography

Each font links to its Google Fonts page where available.

primary

IBM Plex Mono

IBM Plex Mono Google Fonts →

heading

IBM Plex Mono

IBM Plex Mono Google Fonts →

Visual Assets

Favicon

Social Card

UI Components

Input

input  
background #222222  
textColor #EEEEEE  
borderColor #FD5799  
borderRadius 0px  
shadow rgb(255, 255, 255) 0px 0px 0px 0px, rgba(59, 130, 246, 0.5) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

Button Primary

buttonPrimary  
background #FD5799  
textColor #181818  
borderColor #FD5799  
borderRadius 0px  
shadow none

Button Secondary

buttonSecondary  
background transparent  
textColor #EEEEEE  
borderColor #333333  
borderRadius 0px  
shadow none

Brand Personality

Tone: modern
Energy: medium
Audience: developers and tech enthusiasts

Frequently Asked Questions

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

What font does HumanLayer use?
HumanLayer uses IBM Plex Mono as the primary typeface across body and headings.

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

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