# 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/](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 →](https://fonts.google.com/specimen/Poppins) |
| heading | Poppins | [Google Fonts →](https://fonts.google.com/specimen/Poppins) |

## 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

1. **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.
2. **What font does Rubber Ducky Labs use?**  
   Rubber Ducky Labs uses Poppins as the primary typeface across body and headings.
3. **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.
4. **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.
5. **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

```json
{
  "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"
  }
}
```