Birch Biosciences Brand Identity

A complete profile of Birch Biosciences's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #538D22
• secondary: #F3FDEA
• accent: #D81B58
• background: #FFFFFF
• textPrimary: #1E4812
• link: #1E4812

Typography

• primary: Poppins — https://fonts.google.com/specimen/Poppins
• heading: Metropolis — https://fonts.google.com/specimen/Metropolis

Visual Assets

• Logo: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/66a75f85166022587c36d589_logo.svg
• Favicon: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/66c30318ae12321325da24aa_Favicon%2032.png
• Social card (og:image): https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/675c8b46772c727746362348_Untitled%20design.jpg

UI Components

• buttonPrimary: background=#D81B58, textColor=#FFFFFF, borderRadius=64px, shadow=none
• buttonSecondary: background=transparent, textColor=#538D22, borderColor=#8EA388, borderRadius=64px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: scientific and biotech professionals

Birch Biosciences Brand in the Wild

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

• Home
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/66fef868876d4be6ab2c9127_100%25%20RECYCLED%20CONTENT%20(12).png
  • Source: https://www.birchbiosciences.com/
• Home
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/66fed2dca17b8da74ca92f01_USED%20-%20BLOG.png
  • Source: https://www.birchbiosciences.com/
• Contact Us
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/66fdc4bfa80122817c6f8f25_Text.png
  • Source: https://www.birchbiosciences.com/contact-us
• About Us
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/670d725eb08c829c1cecacb4_Teamshot%20third%400.33x.png
  • Source: https://www.birchbiosciences.com/about-us
• Home
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/675c8b46772c727746362348_Untitled%20design.jpg
  • Source: https://www.birchbiosciences.com/
• About Us
  • Image: https://cdn.prod.website-files.com/66a748f5a17fe4f7ee0bce26/67b387b0c38baa7c9ce4c0b9_defense-advanced-research-projects-agency-darpa-vector-logo.png
  • Source: https://www.birchbiosciences.com/about-us

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.