Librar Labs Brand: Colors, Fonts, Logo & Visual Identity
Librar Labs Brand Identity
A complete profile of Librar Labs's visual system — colors, typography, components, and personality — extracted from https://www.librarlabs.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.librarlabs.com.
Primary
#111827
Accent
#FF5050
Body Font
DM Sans
Heading
massilia
Typography
Each font links to its Google Fonts page where available.
Fonts
Primary: DM Sans
Heading: massilia
Font Stack for Heading: massilia, DM Sans, Arial, sans-serif
Font Stack for Body/Paragraph: DM Sans
Visual Assets
UI Components
Input
- Background: #FFFFFF
- Text Color: #09090B
- Border Color: #D1D5DB
- Border Radius: 6px
Button Primary
- Background: #FF5050
- Text Color: #FFFFFF
- Border Radius: 8px
Button Secondary
- Background: #5C4060
- Text Color: #FFFFFF
- Border Radius: 8px
Brand Personality
- Tone: modern
- Energy: medium
- Audience: libraries and library professionals
Librar Labs Brand in the Wild
Frequently Asked Questions
What is Librar Labs's primary brand color?
- Librar Labs's primary brand color is #111827.
What accent color does Librar Labs use?
- Librar Labs uses #FF5050 as an accent color.
What font does Librar Labs use?
- Librar Labs uses DM Sans for body text and massilia for headings.
Does Librar Labs use a light or dark theme?
- Librar Labs's primary site uses a light color scheme.
Where can I find Librar Labs's logo?
- Librar Labs's logo is available directly on their site.
How was this brand profile generated?
- This profile was extracted from https://www.librarlabs.com using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://www.librarlabs.com on 2026-07-27 using the Firecrawl branding extraction API.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "DM Sans",
"role": "body"
},
{
"family": "massilia",
"role": "heading"
}
],
"colors": {
"primary": "#111827",
"secondary": "#4B5563",
"accent": "#FF5050",
"background": "#FAFAFA",
"textPrimary": "#FF5050",
"link": "#FF5050"
},
"typography": {
"fontFamilies": {
"primary": "DM Sans",
"heading": "massilia"
},
"fontStacks": {
"heading": [
"massilia",
"DM Sans",
"Arial",
"sans-serif"
],
"body": [
"DM Sans"
],
"paragraph": [
"DM Sans"
]
},
"fontSizes": {
"h1": "60px",
"h2": "48px",
"body": "24px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "4px"
},
"components": {
"input": {
"background": "#FFFFFF",
"textColor": "#09090B",
"borderColor": "#D1D5DB",
"borderRadius": "6px",
"borderRadiusCorners": {
"topLeft": "6px",
"topRight": "6px",
"bottomRight": "6px",
"bottomLeft": "6px"
},
"shadow": "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 1px 2px 0px"
},
"buttonPrimary": {
"background": "#FF5050",
"textColor": "#FFFFFF",
"borderRadius": "8px",
"borderRadiusCorners": {
"topLeft": "8px",
"topRight": "8px",
"bottomRight": "8px",
"bottomLeft": "8px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px"
},
"buttonSecondary": {
"background": "#5C4060",
"textColor": "#FFFFFF",
"borderRadius": "8px",
"borderRadiusCorners": {
"topLeft": "8px",
"topRight": "8px",
"bottomRight": "8px",
"bottomLeft": "8px"
},
"shadow": "none"
}
},
"images": {
"logo": "https://www.librarlabs.com/_next/image?url=%2Flogo%2FLibrar_Logo_Black.png&w=256&q=75",
"favicon": "https://www.librarlabs.com/favicon.png",
"ogImage": "https://librarlabs.com/logo/Librar_Logo_BrightRed.png",
"logoHref": "/en/home",
"logoAlt": "Librar"
}
}