Rubber Ducky Labs Brand: Colors, Fonts, Logo & Visual Identity
Rubber Ducky Labs Brand Identity
A complete profile of Rubber Ducky Labs's visual system — colors, typography, components, and personality — extracted from https://www.rubberduckylabs.io/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.rubberduckylabs.io/.
| Type | Color Code | RGB |
|---|---|---|
| primary | #228BE6 | rgb(34, 139, 230) |
| accent | #228BE6 | rgb(34, 139, 230) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #228BE6 | rgb(34, 139, 230) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| primary | Poppins | Google Fonts → |
| heading | Poppins | Google Fonts → |
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Rubber Ducky Labs's actual button styles.
| Type | Properties |
|---|---|
| Button Primary | background: #228BE6, textColor: #FFFFFF, borderRadius: 6.4px, shadow: none |
| Button Secondary | background: #FFFFFF, textColor: #228BE6, borderRadius: 6.4px, shadow: none |
Brand Personality
Tone: modern
Energy: medium
Audience: tech-savvy professionals interested in AI and product discovery
Frequently Asked Questions
- What is Rubber Ducky Labs's primary brand color?
Rubber Ducky Labs's primary brand color is #228BE6. It anchors the visual identity across their website, product UI, and marketing materials. - What font does Rubber Ducky Labs use?
Rubber Ducky Labs uses Poppins as the primary typeface across body and headings. - Does Rubber Ducky Labs use a light or dark theme?
Rubber Ducky Labs's primary site uses a light color scheme, with a background of #FFFFFF. - Where can I find Rubber Ducky Labs's logo?
Rubber Ducky Labs's logo is available directly on their site (https://www.rubberduckylabs.io/). 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.rubberduckylabs.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 Rubber Ducky Labs.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "Poppins",
"role": "body"
}
],
"colors": {
"primary": "#228BE6",
"accent": "#228BE6",
"background": "#FFFFFF",
"textPrimary": "#000000",
"link": "#228BE6"
},
"typography": {
"fontFamilies": {
"primary": "Poppins",
"heading": "Poppins"
},
"fontStacks": {
"heading": [
"Poppins"
],
"body": [
"sans-serif"
],
"paragraph": [
"Poppins"
]
},
"fontSizes": {
"h1": "64px",
"h2": "44.8px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#228BE6",
"textColor": "#FFFFFF",
"borderRadius": "6.4px",
"shadow": "none"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#228BE6",
"borderRadius": "6.4px",
"shadow": "none"
}
},
"images": {
"logo": "https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/cf8b91b3-f85d-4446-aecc-5f072123d5c4/logo-with-black-text-horizonal%402x.png?format=1500w",
"favicon": "https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/e0881c43-b83a-429b-bc83-73e1636c0e76/favicon.ico?format=100w",
"ogImage": "http://static1.squarespace.com/static/61e082f46c87cc741e8ffc78/t/647782c82dd4820e518dd676/1685553864843/logo%402x+social-sharing.png?format=1500w"
}
}