Uberduck Brand Identity

A complete profile of Uberduck's visual system — colors, typography, components, and personality — extracted from 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 →
• heading: Geologica
  Google Fonts →

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