Guru Brand: Colors, Fonts, Logo & Visual Identity
Guru Brand Identity
A complete profile of Guru's visual system — colors, typography, components, and personality — extracted from https://www.getguru.com/?ref=startups.gallery. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.getguru.com/?ref=startups.gallery.
- primary
- Code: #242C38
- RGB: rgb(36, 44, 56)
- secondary
- Code: #D8FBDE
- RGB: rgb(216, 251, 222)
- accent
- Code: #56D886
- RGB: rgb(86, 216, 134)
- background
- Code: #FFFFFF
- RGB: rgb(255, 255, 255)
- textPrimary
- Code: #090B0E
- RGB: rgb(9, 11, 14)
- link
- Code: #56D886
- RGB: rgb(86, 216, 134)
Typography
Each font links to its Google Fonts page where available.
- primary
- Poppins Google Fonts →
- heading
- Poppins Google Fonts →
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Guru's actual button styles.
- Button Primary
- background: #56D886
- textColor: #090B0E
- borderRadius: 144px
- shadow: rgba(9, 11, 14, 0.16) 0px 4.5px 9px 0px
- Button Secondary
- background: #090B0E
- textColor: #C0C5CC
- borderRadius: 144px
- shadow: rgba(9, 11, 14, 0) 0px 0px 0px 0px
Brand Personality
Tone: professional
Energy: medium
Audience: enterprise businesses
Frequently Asked Questions
What is Guru's primary brand color?
Guru's primary brand color is #242C38. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Guru use?
Guru uses #56D886 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Guru use?
Guru uses Poppins as the primary typeface across body and headings.
Does Guru use a light or dark theme?
Guru's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Guru's logo?
Guru's logo is available directly on their site. 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.getguru.com/?ref=startups.gallery 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 Guru.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [
{
"family": "Poppins",
"role": "body"
}
],
"colors": {
"primary": "#242C38",
"secondary": "#D8FBDE",
"accent": "#56D886",
"background": "#FFFFFF",
"textPrimary": "#090B0E",
"link": "#56D886"
},
"typography": {
"fontFamilies": {
"primary": "Poppins",
"heading": "Poppins"
},
"fontStacks": {
"heading": [
"Poppins",
"sans-serif"
],
"body": [
"Poppins",
"sans-serif"
],
"paragraph": [
"Poppins",
"sans-serif"
]
},
"fontSizes": {
"h1": "97.2px",
"h2": "97.2px",
"body": "18px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#56D886",
"textColor": "#090B0E",
"borderRadius": "144px",
"borderRadiusCorners": {
"topLeft": "144px",
"topRight": "144px",
"bottomRight": "144px",
"bottomLeft": "144px"
},
"shadow": "rgba(9, 11, 14, 0.16) 0px 4.5px 9px 0px"
},
"buttonSecondary": {
"background": "#090B0E",
"textColor": "#C0C5CC",
"borderRadius": "144px",
"borderRadiusCorners": {
"topLeft": "144px",
"topRight": "144px",
"bottomRight": "144px",
"bottomLeft": "144px"
},
"shadow": "rgba(9, 11, 14, 0) 0px 0px 0px 0px"
}
},
"images": {
"logo": "https://cdn.prod.website-files.com/5d8d029013ffd80bbb91320d/5ef1f340d1a59cdf49926d8e_Guru%20logo.svg",
"favicon": "https://cdn.prod.website-files.com/5d8d029013ffd80bbb91320d/6216a216ddeacc2132e5b448_Guru_G_Black%20332.png",
"ogImage": "https://cdn.prod.website-files.com/5d8d029013ffd80bbb91320d/6931c149b46c659b76ebbde5_OG_Nov-2025%402x.avif",
"logoHref": "/?r=0",
"logoAlt": "Guru Logo"
}
}