# Uberduck Brand Identity

A complete profile of **Uberduck**'s visual system — colors, typography, components, and personality — extracted from [https://www.uberduck.ai](https://www.uberduck.ai/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://www.uberduck.ai.

- primary: **#FCF4E7**  
rgb(252, 244, 231)
- secondary: **#FDA633**  
rgb(253, 166, 51)
- accent: **#FB923C**  
rgb(251, 146, 60)
- background: **#FFFFFF**  
rgb(255, 255, 255)
- textPrimary: **#333333**  
rgb(51, 51, 51)
- link: **#0F172A**  
rgb(15, 23, 42)

## Typography

Each font links to its Google Fonts page where available.

- primary: **Manrope**  
  [Google Fonts →](https://fonts.google.com/specimen/Manrope)  
- heading: **Geologica**  
  [Google Fonts →](https://fonts.google.com/specimen/Geologica)

## UI Components

Live previews rendered using Uberduck's actual button styles.

- **Input**  
  - background: **#FFFFFF**  
  - textColor: **#111827**  
  - borderColor: **#2563EB**  
  - borderRadius: **4px**  
  - shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgb(37, 99, 235) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

- **Button Primary**  
  - background: **#FB923C**  
  - textColor: **#FAFAF8**  
  - borderColor: **#FDBA74**  
  - borderRadius: **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.05) 0px 1px 2px 0px

- **Button Secondary**  
  - background: **#0F172A**  
  - textColor: **#FFFFFF**  
  - borderRadius: **16px**  
  - 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 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

## Brand Personality

- **Tone:** modern  
- **Energy:** high  
- **Audience:** tech-savvy individuals interested in AI and music

## Frequently Asked Questions

**What is Uberduck's primary brand color?**  
Uberduck's primary brand color is **#FCF4E7**. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Uberduck use?**  
Uberduck uses **#FB923C** as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Uberduck use?**  
Uberduck uses **Manrope** for body text and **Geologica** for headings. Fonts were detected on https://www.uberduck.ai as part of their live design system.

**Does Uberduck use a light or dark theme?**  
Uberduck's primary site uses a light color scheme, with a background of **#FFFFFF**.

**Where can I find Uberduck's logo?**  
Uberduck's logo is available directly on their site ([Link](https://www.uberduck.ai)). 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.uberduck.ai](https://www.uberduck.ai/) 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 Uberduck.