# Cisterna Biologics Brand Identity

A complete profile of **Cisterna Biologics**'s visual system — colors, typography, components, and personality — extracted from http://www.cisternabx.com. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/cisterna-biologics
- Machine-readable JSON: https://characterquilt.com/branding/cisterna-biologics.json

## Quick Facts

| Field | Value |
|---|---|
| Primary | #3898EC |
| Accent | #05589C |
| Body Font | DM Sans |
| Heading Font | DM Sans |

## Color Palette

- primary: #3898EC
- secondary: #FFDEDE
- accent: #05589C
- background: #FAF9F6
- textPrimary: #05589C
- link: #05589C

## Typography

- primary: DM Sans — https://fonts.google.com/specimen/DM+Sans
- heading: DM Sans — https://fonts.google.com/specimen/DM+Sans

## Visual Assets

- Logo: https://cdn.prod.website-files.com/67cc2ac39323864085f7b600/67cc2d99ffa38fef874ca277_Frame%201000007628.png
- Favicon: https://cdn.prod.website-files.com/67cc2ac39323864085f7b600/6802723fa2225843d2fb88bb_Fav_icon.png

## Brand Personality

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

## Cisterna Biologics Brand in the Wild

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

- **SPECC Platform for High-Purity RNA | Cisterna Biologics**
  - Image: 
  - Source: https://www.cisternabx.com/technology
- **Company Updates**
  - Image: 
  - Source: https://www.cisternabx.com/resources/company-updates
- **Custom RNA Synthesis & High-Purity mRNA | Cisterna Biologics**
  - Image: 
  - Source: https://www.cisternabx.com/
- **69ab0bcea97023915b5db580_t7pol.png**
  - Image: 
  - Source: https://www.cisternabx.com/resources/blog
- **Company Updates**
  - Image: 
  - Source: https://www.cisternabx.com/resources/company-updates

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

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.