Biodock Brand Identity

A complete profile of Biodock's visual system — colors, typography, components, and personality — extracted from https://www.biodock.ai. Built for designers, agents, and AI tools.

Color Palette

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

• primary
  #242E4D
rgb(36, 46, 77)
• secondary
  #CFD8E3
rgb(207, 216, 227)
• accent
  #E2E8F0
rgb(226, 232, 240)
• background
  #10182D
rgb(16, 24, 45)
• textPrimary
  #10182D
rgb(16, 24, 45)
• link
  #10182D
rgb(16, 24, 45)

Typography

Each font links to its Google Fonts page where available.

• primary
  Roboto
  Roboto Google Fonts →
• heading
  Roboto
  Roboto Google Fonts →
  system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif

Visual Assets

UI Components

Live previews rendered using Biodock's actual button styles.

• Input

  • background: #FFFFFF
  • textColor: #FFFFFF
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary

  • background: #E2E8F0
  • textColor: #1E429F
  • borderRadius: 6px
  • shadow: none

• Button Secondary

  • background: #364152
  • textColor: #F1F5F9
  • borderColor: #495162
  • borderRadius: 6px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: biotech professionals and researchers

Frequently Asked Questions

• What is Biodock's primary brand color?
  Biodock's primary brand color is #242E4D. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does Biodock use?
  Biodock uses #E2E8F0 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does Biodock use?
  Biodock uses Roboto as the primary typeface across body and headings.
• Does Biodock use a light or dark theme?
  Biodock's primary site uses a dark color scheme, with a background of #10182D.
• Where can I find Biodock's logo?
  Biodock's logo is available directly on their site (https://www.biodock.ai).
• How was this brand profile generated?
  This profile was extracted from https://www.biodock.ai using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.