llms.txt
Decoda Health Brand Identity
A complete profile of Decoda Health's visual system — colors, typography, components, and personality.
Quick Facts
| Field | Value |
|---|---|
| Primary | #C5A37E |
| Accent | #C5A37E |
| Body Font | Switzer |
| Heading Font | Switzer |
Color Palette
- primary: #C5A37E
- accent: #C5A37E
- background: #1B211B
- textPrimary: #1B211B
- link: #C5A37E
Typography
- primary: Switzer — https://fonts.google.com/specimen/Switzer
- heading: Switzer — https://fonts.google.com/specimen/Switzer
Visual Assets
- Logo:
- Favicon:
- Social card (og:image):
UI Components
- buttonPrimary: background=#C5A37E, textColor=#FFFFFF, borderRadius=33554400px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 10px 15px -3px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 4px 6px -4px
- buttonSecondary: background=#262C26, textColor=#FFFFFF, borderRadius=33554400px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px
Brand Personality
Tone: modern · Energy: medium · Audience: healthcare professionals
Decoda Health Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Decoda | Redefining the EMR for Modern Elective Care
- Image:
- Source: https://decodahealth.com/
- Blog | Decoda Health | Decoda
- Image:
- Source: https://www.decodahealth.com/blog
- Blog | Decoda Health | Decoda
- Image:
- Source: https://www.decodahealth.com/blog
- Changelog - Decoda Health
- Image:
- Source: https://docs.decodahealth.com/updates/changelog
- Changelog - Decoda Health
- Image:
- Source: https://docs.decodahealth.com/updates/changelog
- Multi-Location Groups & MSOs | Decoda
- Image:
- Source: https://decodahealth.com/who-we-serve/multi-location
Working with these fonts
If you have permission to use the fonts:
- Open the company's homepage in a browser with DevTools.
- In the Network tab, filter by "Font".
- Hard-reload the page and click around.
- Download the captured font URL.
- Copy the matching @font-face declarations in the stylesheet.
Only do this if you have permission to use the brand assets.
Machine-Readable Profile
{
"colorScheme": "dark",
"fonts": [
{
"family": "Switzer",
"role": "body"
}
],
"colors": {
"primary": "#C5A37E",
"accent": "#C5A37E",
"background": "#1B211B",
"textPrimary": "#1B211B",
"link": "#C5A37E"
},
"typography": {
"fontFamilies": {
"primary": "Switzer",
"heading": "Switzer"
},
"fontStacks": {
"heading": ["Switzer"],
"body": ["Switzer"],
"paragraph": ["Switzer"]
},
"fontSizes": {
"h1": "72px",
"h2": "48px",
"body": "11px"
}
},
"spacing": {
"baseUnit": 8,
"borderRadius": "12px"
},
"components": {
"buttonPrimary": {
"background": "#C5A37E",
"textColor": "#FFFFFF",
"borderRadius": "33554400px",
"borderRadiusCorners": {
"topLeft": "33554400px",
"topRight": "33554400px",
"bottomRight": "33554400px",
"bottomLeft": "33554400px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 10px 15px -3px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 4px 6px -4px"
},
"buttonSecondary": {
"background": "#262C26",
"textColor": "#FFFFFF",
"borderRadius": "33554400px",
"borderRadiusCorners": {
"topLeft": "33554400px",
"topRight": "33554400px",
"bottomRight": "33554400px",
"bottomLeft": "33554400px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px"
}
},
"images": {
"logo": "https://decodahealth.com/decoda-logo-bp.svg",
"favicon": "https://decodahealth.com/favicon.ico",
"ogImage": "https://decodahealth.com/og-image.jpg",
"logoHref": "/",
"logoAlt": "Decoda"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is visible, located in the header, matches the brand name 'Decoda', and links to the homepage.",
"confidence": 0.9,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 0,
"text": "Book a Demo",
"reasoning": "Button #1 'Book a Demo' uses the vibrant brand color #C5A37E, making it stand out as the primary call-to-action. It is action-oriented and uses a strong CTA text."
},
"secondary": {
"index": 11,
"text": "Sign In",
"reasoning": "Button #0 'Sign In' has a different background color (#262C26) and serves as a secondary action, typically for existing users."
},
"confidence": 0.95
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "healthcare professionals"
},
"designSystem": {
"framework": "tailwind",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.95,
"colors": 0.9,
"overall": 0.925
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is visible, located in the header, matches the brand name 'Decoda', and links to the homepage.",
"confidence": 0.9
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
}