# Medallion Brand Identity

A complete profile of **Medallion**'s visual system — colors, typography, components, and personality — extracted from [https://medallion.co/](https://medallion.co/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://medallion.co/.

- **primary**: #2941F3 (rgb(41, 65, 243))
- **secondary**: #DCFF7D (rgb(220, 255, 125))
- **accent**: #2941F3 (rgb(41, 65, 243))
- **background**: #FFFFFF (rgb(255, 255, 255))
- **textPrimary**: #272727 (rgb(39, 39, 39))
- **link**: #006450 (rgb(0, 100, 80))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Inter
- **heading**: Inter

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M560.6%2C74.23V246.05h-17.41V115.7l-59.17%2C116.85h-16.11l-59.17-116.85V246h-17.41V74.23h15.21l69.48%2C139.91%2C69.48-139.91h15.11Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M700.96%2C193.48v-9.1c0-34.61-23.81-62.07-62.08-62.07s-63.08%2C27.96-63.08%2C63.33%2C24.31%2C63.33%2C64.08%2C63.33c27.26%2C0%2C49.32-15.46%2C58.42-35.31h-18.16c-7.1%2C11.55-21.61%2C20.61-40.52%2C20.61-25.26%2C0-41.97-15.71-44.92-40.77h106.24Zm-61.83-56.97c26.01%2C0%2C41.97%2C18.16%2C43.92%2C42.22h-88.59c2.45-25.51%2C20.61-42.22%2C44.67-42.22Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M822.36%2C149.81c-6.6-14.01-25.26-27.51-49.82-27.51-37.07%2C0-61.83%2C29.96-61.83%2C63.33s24.81%2C63.33%2C61.83%2C63.33c24.56%2C0%2C43.22-13.76%2C50.57-27.26v24.31h18.41V66.88h-19.16v82.93Zm-92.54%2C35.81c0-25.76%2C17.91-47.62%2C45.87-47.62%2C23.31%2C0%2C46.62%2C17.16%2C46.62%2C47.62s-23.31%2C47.62-46.62%2C47.62c-27.96%2C0-45.87-21.86-45.87-47.62Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M970.67%2C125.25v24.56c-6.6-14.01-25.76-27.51-50.32-27.51-37.06%2C0-61.83%2C29.96-61.83%2C63.33s24.81%2C63.33%2C61.83%2C63.33c24.56%2C0%2C43.17-13.75%2C50.57-27.26v24.31h18.41V125.25h-18.66Zm-93.04%2C60.37c0-25.76%2C17.91-47.62%2C45.87-47.62%2C23.31%2C0%2C46.62%2C17.16%2C46.62%2C47.62s-23.31%2C47.62-46.62%2C47.62c-27.96%2C0-45.87-21.86-45.87-47.62Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1035.54%2C246.05V66.88h-19.16V246.05h19.16Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1081.77%2C246.05V66.88h-19.16V246.05h19.16Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1128.68%2C246.05V125.25h-19.15v120.75h19.15v.05Zm-22.11-162.22c0%2C6.85%2C5.15%2C12.26%2C12.5%2C12.26s12.5-5.4%2C12.5-12.26-5.15-12.26-12.5-12.26-12.5%2C5.4-12.5%2C12.26Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1208.87%2C248.95c40.02%2C0%2C65.27-30.21%2C65.27-63.33s-25.26-63.33-65.27-63.33-65.27%2C30.21-65.27%2C63.33%2C25.26%2C63.33%2C65.27%2C63.33Zm0-110.7c29.22%2C0%2C46.62%2C23.06%2C46.62%2C47.37s-17.41%2C47.37-46.62%2C47.37-46.62-22.81-46.62-47.37%2C17.66-47.37%2C46.62-47.37Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1307.46%2C180.03c0-22.81%2C15.95-40.52%2C38.52-40.52%2C24.56%2C0%2C34.86%2C17.16%2C34.86%2C40.97v65.53h19.16v-69.23c0-31.41-18.66-54.47-48.12-54.47-21.36%2C0-38.77%2C9.35-45.17%2C26.51v-23.56h-18.41v120.75h19.16v-65.98Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Medallion's actual button styles.

### Button Primary

- **background**: #2941F3
- **textColor**: #FFFFFF
- **borderColor**: #2941F3
- **borderRadius**: 4.5px
- **shadow**: none

### Button Secondary

- **background**: #FFFFFF
- **textColor**: #2941F3
- **borderColor**: #2941F3
- **borderRadius**: 4.5px
- **shadow**: none

## Brand Personality

- **Tone**: professional
- **Energy**: medium
- **Audience**: healthcare providers and organizations

## Medallion Brand in the Wild

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/68792d977399eebd7e3a329c/68cdc5969e4cb0c91a9cd077_Elevate025-Blog-ResourceHero.png)

Source: [medallion.co](https://medallion.co/resources/blog)

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/6877cbe9ead9a7e4d203574e/687a6840872ee87a8a41e1f4_individual-typing-on-laptop.jpg)

Source: [medallion.co](https://medallion.co/resources/case-studies/southwest-medical-imaging-smil)

## Frequently Asked Questions

1. **What is Medallion's primary brand color?**  
   Medallion's primary brand color is #2941F3.
2. **What font does Medallion use?**  
   Medallion uses Inter as the primary typeface across body and headings.
3. **Does Medallion use a light or dark theme?**  
   Medallion's primary site uses a light color scheme, with a background of #FFFFFF.
4. **Where can I find Medallion's logo?**  
   Medallion's logo is available directly on their site (https://medallion.co/). The current logo URL is included in the machine-readable JSON profile linked above.
5. **How was this brand profile generated?**  
   This profile was extracted from https://medallion.co/ using the Firecrawl branding extraction API.