BIOS Health Brand Identity

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

• Page: https://characterquilt.com/branding/bios-health
• Machine-readable JSON: https://characterquilt.com/branding/bios-health.json

Quick Facts

Color Palette

• primary: #0000EE
• secondary: #008AFC
• accent: #00053D
• background: #FFFFFF
• textPrimary: #00053D
• link: #00053D

Typography

• primary: Gradual — https://fonts.google.com/specimen/Gradual
• heading: Beatrice — https://fonts.google.com/specimen/Beatrice

Visual Assets

• Logo: https://static.wixstatic.com/media/282fa6_98553d32e15f40128f0a775653a53ee3~mv2.png/v1/fill/w_140,h_43,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/navy.png
• Favicon: https://static.wixstatic.com/media/282fa6_f50602eba44c49f78456e618b67a8523%7Emv2.png/v1/fill/w_192%2Ch_192%2Clg_1%2Cusm_0.66_1.00_0.01/282fa6_f50602eba44c49f78456e618b67a8523%7Emv2.png
• Social card (og:image): https://static.wixstatic.com/media/282fa6_930d780ad3ed4e5d8b5429c9add8399b~mv2.jpg/v1/fill/w_2046,h_1210,al_c/282fa6_930d780ad3ed4e5d8b5429c9add8399b~mv2.jpg

UI Components

• input: background=#FFFFFF, textColor=#000000, borderColor=#00053D, borderRadius=0px, shadow=none
• buttonPrimary: background=#FFFFFF, textColor=#000000, borderColor=#00053D, borderRadius=100px, shadow=none
• buttonSecondary: background=#000000, textColor=#FFFFFF, borderColor=#000000, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: healthcare professionals and researchers

BIOS Health Brand in the Wild

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

• Whitepaper | BIOS Health
  • Image: https://static.wixstatic.com/media/282fa6_f374d88b473d4ae78fb1e881ff89c532~mv2.jpg/v1/fill/w_2500,h_1742,al_c/282fa6_f374d88b473d4ae78fb1e881ff89c532~mv2.jpg
  • Source: https://www.bios.health/whitepaper
• NEW STARTER PROFILE: ELVIJS SARKANS
  • Image: https://static.wixstatic.com/media/282fa6_36117c55f4c5413e9b69887be89268b1~mv2.jpg/v1/fill/w_568,h_658,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/282fa6_36117c55f4c5413e9b69887be89268b1~mv2.jpg
  • Source: https://www.bios.health/post/new-starter-profile-elvijs
• BIOS Health Bakersfield Precision Medicine Center
  • Image: https://static.wixstatic.com/media/282fa6_659ca7c298514cebb149e9fef069b693~mv2.jpg/v1/fill/w_2500,h_1666,al_c/282fa6_659ca7c298514cebb149e9fef069b693~mv2.jpg
  • Source: https://www.bios.health/bios-health-bakersfield-precision-medicine-press-release
• BLOG | BIOS Health
  • Image: https://static.wixstatic.com/media/282fa6_cfdae220928a410280fa5be1f846cc6e~mv2.jpg/v1/fill/w_980,h_380,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/282fa6_cfdae220928a410280fa5be1f846cc6e~mv2.jpg
  • Source: https://www.bios.health/blog
• BIOS Fundraise Press Release | BIOS Health
  • Image: https://static.wixstatic.com/media/282fa6_d94114e07775496f82dec4daf8e1cc6b~mv2.jpg/v1/fill/w_2500,h_1666,al_c/282fa6_d94114e07775496f82dec4daf8e1cc6b~mv2.jpg
  • Source: https://www.bios.health/bios-fundraise-press-release-6-23
• BLOG | BIOS Health
  • Image: https://static.wixstatic.com/media/282fa6_be4dcac868304a649c7eca28d2838fa7~mv2.jpg/v1/fill/w_400,h_400,al_c,q_80,enc_avif,quality_auto/282fa6_be4dcac868304a649c7eca28d2838fa7~mv2.jpg
  • Source: https://www.bios.health/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.