# Collectly Brand Identity

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

## Quick Facts

| Field         | Value     |
|---------------|-----------|
| Primary       | #172555   |
| Accent        | #0D1738   |
| Body Font     | Averta    |
| Heading Font   | Averta    |

## Color Palette

- primary: #172555
- secondary: #E2E8FC
- accent: #0D1738
- background: #0D1738
- textPrimary: #0D1738
- link: #0D1738

## Typography

- primary: Averta — https://fonts.google.com/specimen/Averta
- heading: Averta — https://fonts.google.com/specimen/Averta

## Visual Assets

- Logo: 
- Favicon: 
- Social card (og:image):

## Brand Personality

Tone: professional · Energy: medium · Audience: healthcare providers

## Collectly Brand in the Wild

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

- **Collectly Expands End-to-End AI-Powered Patient Financial Experience with Launch of Billie, AI Agent for Eligibility & Benefits**  
  - Image:   
  - Source: [Link](https://www.collectly.co/blog/collectly-expands-end-to-end-ai-powered-patient-financial-experience-with-launch-of-billie-ai-agent-eligibility-benefits)
- **Collectly releases AI assistant to help patients understand and pay their medical bills**  
  - Image:   
  - Source: [Link](https://www.collectly.co/blog/collectly-releases-ai-assistant-to-help-patients-understand-and-pay-their-medical-bills)
- **Healthcare ​Revenue Cycle Management KPIs | Collectly**  
  - Image:   
  - Source: [Link](https://www.collectly.co/blog/rcm-kpis-healthcare-finance)
- **Blog | Collectly**  
  - Image:   
  - Source: [Link](https://www.collectly.co/blog)
- **CentralReach Expands Partnership with Collectly, Enhancing AI-Powered Patient Billing and Engagement Options**  
  - Image:   
  - Source: [Link](https://www.collectly.co/blog/centralreach-partners-with-collectly-for-ai-powered-patient-financial-experience)
- **Collectly**  
  - Image:   
  - Source: [Link](https://www.collectly.co/)

## Working with these fonts

Not found on Google Fonts? Instructions for using the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. Filter the Network tab by "Font".
3. Hard-reload the page and explore to capture specific font weights.
4. Save each captured font URL locally.
5. Copy and update the matching @font-face declarations in the CSS.

## Machine-Readable Profile

```json
{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Averta",
   "role": "body"
  },
  {
   "family": "Tahoma",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#172555",
  "secondary": "#E2E8FC",
  "accent": "#0D1738",
  "background": "#0D1738",
  "textPrimary": "#0D1738",
  "link": "#0D1738"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Averta",
   "heading": "Averta"
  },
  "fontStacks": {
   "heading": [
    "Averta",
    "Tahoma",
    "sans-serif"
   ],
   "body": [
    "Averta",
    "Tahoma",
    "sans-serif"
   ],
   "paragraph": [
    "Averta",
    "Tahoma",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "32px",
   "h2": "32px",
   "body": "16px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "20px"
 },
 "components": {},
 "images": {
  "logo": "https://cdn.prod.website-files.com/69ba35b83a30189f9f939f89/69ba3e0a9a8876017f271921_logo.svg",
  "favicon": "https://cdn.prod.website-files.com/69ba35b83a30189f9f939f89/69c0d525799852e70e2a03fd_Favicon.png",
  "ogImage": "https://cdn.prod.website-files.com/69ba35b83a30189f9f939f89/69c40b30d5c3530eda3fe299_OpenGraph_Homepage_OG_1200x627px_2_BW20260325.png"
 },
 "personality": {
  "tone": "professional",
  "energy": "medium",
  "targetAudience": "healthcare providers"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0,
  "colors": 0.9,
  "overall": 0.45
 }
}
```