DrDroid Brand Identity

A complete profile of DrDroid's visual system — colors, typography, components, and personality — extracted from https://drdroid.io/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://drdroid.io/.
primary
#9554FF
rgb(149, 84, 255)

secondary
#4A5565
rgb(74, 85, 101)

accent
#9554FF
rgb(149, 84, 255)

background
#FFFFFF
rgb(255, 255, 255)

textPrimary
#0A0A0A
rgb(10, 10, 10)

link
#BEECF7
rgb(190, 236, 247)

Typography

Each font links to its Google Fonts page where available.
primary
ui-sans-serif
ui-sans-serif [Google Fonts →](https://fonts.google.com/specimen/ui-sans-serif)

heading
ui-sans-serif
font family stack: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using DrDroid's actual button styles.
Button Primary
buttonPrimary
background #9554FF textColor #F8F8F8 borderRadius 6px shadow none

Button Secondary
buttonSecondary
background #FFFFFF textColor #364153 borderColor #D1D5DC borderRadius 6px shadow none

Brand Personality

Tone: modern
Energy: medium
Audience: IT professionals and engineers

DrDroid Brand in the Wild

Image: cdn.hashnode.com
Source: notes.drdroid.io

Frequently Asked Questions

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

What font does DrDroid use?
DrDroid uses ui-sans-serif as the primary typeface across body and headings.

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

Where can I find DrDroid's logo?
DrDroid's logo is available directly on their site (https://drdroid.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://drdroid.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 DrDroid.