Morphle Labs Brand: Colors, Fonts, Logo & Visual Identity
Morphle Labs Brand Identity
A complete profile of Morphle Labs's visual system — colors, typography, components, and personality — extracted from https://morphlelabs.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://morphlelabs.com.
- Primary: #1E1E32
- Secondary: #EFC64A
- Accent: #022A70
- Background: #151517
- Text Primary: #151517
- Link: #022A70
Typography
Each font links to its Google Fonts page where available.
- Primary: Sora
- Heading: Sora
Visual Assets
.webp)
UI Components
Live previews rendered using Morphle Labs's actual button styles.
Input
- Background: #FFFFFF
- Text Color: #030303
- Border Color: #CCCCCC
- Border Radius: 0px
- Shadow: none
Button Primary
- Background: #212123
- Text Color: #FFFFFF
- Border Color: #212123
- Border Radius: 5px
- Shadow: none
Button Secondary
- Background: #F9FBFF
- Text Color: #022A70
- Border Radius: 15px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: medical professionals and researchers
Frequently Asked Questions
What is Morphle Labs's primary brand color?
Morphle Labs's primary brand color is #1E1E32. It anchors the visual identity across their website, product UI, and marketing materials.What accent color does Morphle Labs use?
Morphle Labs uses #022A70 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.What font does Morphle Labs use?
Morphle Labs uses Sora as the primary typeface across body and headings.Does Morphle Labs use a light or dark theme?
Morphle Labs's primary site uses a dark color scheme, with a background of #151517.Where can I find Morphle Labs's logo?
Morphle Labs's logo is available directly on their site (https://morphlelabs.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 https://morphlelabs.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 Morphle Labs.
Machine-Readable Profile
{
"colorScheme": "dark",
"fonts": [
{
"family": "Sora",
"role": "heading"
}
],
"colors": {
"primary": "#1E1E32",
"secondary": "#EFC64A",
"accent": "#022A70",
"background": "#151517",
"textPrimary": "#151517",
"link": "#022A70"
},
"typography": {
"fontFamilies": {
"primary": "Sora",
"heading": "Sora"
},
"fontStacks": {
"heading": [
"Arial",
"Helvetica Neue",
"Helvetica",
"sans-serif"
],
"body": [
"Arial",
"Helvetica Neue",
"Helvetica",
"sans-serif"
],
"paragraph": [
"Arial",
"Helvetica Neue",
"Helvetica",
"sans-serif"
]
},
"fontSizes": {
"h1": "15px",
"h2": "15px",
"body": "15px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "10px"
},
"components": {
"input": {
"background": "#FFFFFF",
"textColor": "#030303",
"borderColor": "#CCCCCC",
"borderRadius": "0px",
"shadow": "none"
},
"buttonPrimary": {
"background": "#212123",
"textColor": "#FFFFFF",
"borderColor": "#212123",
"borderRadius": "5px",
"shadow": "none"
},
"buttonSecondary": {
"background": "#F9FBFF",
"textColor": "#022A70",
"borderRadius": "15px",
"shadow": "none"
}
},
"images": {
"logo": "https://cdn.prod.website-files.com/5f1edaa4771fe4544f40d0bb/672d2717202b65f5ba37f406_RoboTome%20Website%20Page%20(2).webp",
"favicon": "https://cdn.prod.website-files.com/5f1edaa4771fe4544f40d0bb/6319e051c787140661851756_morphole%20logo%20webclip%20image.png"
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "medical professionals and researchers"
}
}