Humanly Brand: Colors, Fonts, Logo & Visual Identity
Humanly Brand Identity
A complete profile of Humanly's visual system — colors, typography, components, and personality — extracted from https://humanly.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://humanly.io.
primary
- Hex: #0000CC
- RGB: rgb(0, 0, 204)
secondary
- Hex: #CAD5E2
- RGB: rgb(202, 213, 226)
accent
- Hex: #0000CC
- RGB: rgb(0, 0, 204)
background
- Hex: #F8FAFC
- RGB: rgb(248, 250, 252)
textPrimary
- Hex: #000033
- RGB: rgb(0, 0, 51)
link
- Hex: #000033
- RGB: rgb(0, 0, 51)
Typography
Each font links to its Google Fonts page where available.
primary
- Work Sans
- Work Sans Google Fonts →
heading
- Work Sans
- Work Sans Google Fonts →
Font Display
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
...
Visual Assets
UI Components
Input
- Background: #FFFFFF
- Text Color: #000033
- Border Color: #CAD5E2
- Border Radius: 12.4px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 5px 10px -2px
Button Primary
- Background: #0000CC
- Text Color: #F0F4F9
- Border Radius: 12.4px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 5px 10px -2px
Button Secondary
- Background: #F8FAFC
- Text Color: #000033
- Border Color: #CAD5E2
- Border Radius: 12.4px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 5px 10px -2px
Brand Personality
- Tone: professional
- Energy: medium
- Audience: HR professionals and recruiters
Humanly Brand in the Wild
Frequently Asked Questions
What is Humanly's primary brand color?
- Humanly's primary brand color is #0000CC.
What font does Humanly use?
- Humanly uses Work Sans as the primary typeface across body and headings.
Does Humanly use a light or dark theme?
- Humanly's primary site uses a light color scheme, with a background of #F8FAFC.
Where can I find Humanly's logo?
- Humanly's logo is available directly on their site (https://humanly.io).
How was this brand profile generated?
- This profile was extracted from https://humanly.io 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 Humanly.
Methodology
Brand data on this page was extracted from https://humanly.io using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.