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

- Page: https://characterquilt.com/branding/rubber-ducky-labs
- Machine-readable JSON: https://characterquilt.com/branding/rubber-ducky-labs.json
- Per-page llms.txt: https://characterquilt.com/branding/rubber-ducky-labs/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #228BE6 |
| Accent | #228BE6 |
| Body Font | Poppins |
| Heading Font | Poppins |

## Color Palette

- primary: #228BE6
- accent: #228BE6
- background: #FFFFFF
- textPrimary: #000000
- link: #228BE6

## Typography

- primary: Poppins — https://fonts.google.com/specimen/Poppins
- heading: Poppins — https://fonts.google.com/specimen/Poppins

## Visual Assets

- 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
- Social card (og:image): http://static1.squarespace.com/static/61e082f46c87cc741e8ffc78/t/647782c82dd4820e518dd676/1685553864843/logo%402x+social-sharing.png?format=1500w

## UI Components

- buttonPrimary: background=#228BE6, textColor=#FFFFFF, borderRadius=6.4px, shadow=none
- buttonSecondary: 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

## Rubber Ducky Labs Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Recommender Systems Learning Content: How Great Teams Get Great Results  From RecSys — Rubber Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/e8244624-731b-4be1-9958-dae7f37f632d/recsys_workflow.jpg
  - Source: https://www.rubberduckylabs.io/blog/from-frustration-to-function
- **VLMs are Coming for Image Tagging — Rubber Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/108ae1c3-aae8-4b04-b9e7-51ebf963b870/dark_academia.jpg
  - Source: https://www.rubberduckylabs.io/blog/vlms-are-coming-for-image-tagging
- **VLMs are Coming for Image Tagging — Rubber Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/86ee6bfc-270d-472a-9efd-819aab4437fb/results.png
  - Source: https://www.rubberduckylabs.io/blog/vlms-are-coming-for-image-tagging
- **Recommender Systems Learning Content: RecSys Metrics Laddering — Rubber  Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/53268c70-8b37-4896-b508-9f9578d6e262/ladder_goals.png
  - Source: https://www.rubberduckylabs.io/blog/recsys-metrics-laddering
- **Blog — Rubber Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/cf8b91b3-f85d-4446-aecc-5f072123d5c4/logo-with-black-text-horizonal%402x.png?format=1500w
  - Source: https://www.rubberduckylabs.io/blog
- **Blog — Rubber Ducky Labs**
  - Image: https://images.squarespace-cdn.com/content/v1/61e082f46c87cc741e8ffc78/1718859044144-10PPSA71X84ETQ479S34/7eb15f6b-4e43-4d86-915c-fadff62bc6f8.jpeg
  - Source: https://www.rubberduckylabs.io/blog

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.