Zealth Brand Identity

A complete profile of Zealth's visual system — colors, typography, components, and personality — extracted from https://zealth-ai.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://zealth-ai.com/.
Primary: #33CCB2
Secondary: #9CA3AF
Accent: #33CCB2
Background: #090A0C
Text Primary: #090A0C
Link: #7E8A9A

Typography

Each font links to its Google Fonts page where available.
Primary: Inter
Heading: Instrument Serif
Inter | Google Fonts
Instrument Serif | Google Fonts

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Zealth's actual button styles.

Input

• Background: #121417
• Text Color: #F0F2F5
• Border Color: #101114
• Border Radius: 16px
• Shadow: none

Button Primary

• Background: #33CCB2
• Text Color: #090A0C
• Border Radius: 9999px
• Shadow: none

Button Secondary

• Background: #090A0C
• Text Color: #F0F2F5
• Border Radius: 0px
• Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: healthcare professionals and organizations

Zealth Brand in the Wild

Image: zealth-ai.com
Source: zealth-ai.com

Image: pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev
Source: zealth-ai.com

Image: i.ytimg.com
Source: youtube.com

Image: elements-resized.envatousercontent.com
Source: elements.envato.com

Frequently Asked Questions

What is Zealth's primary brand color?
Zealth's primary brand color is #33CCB2. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Zealth use?
Zealth uses Inter for body text and Instrument Serif for headings. Fonts were detected on https://zealth-ai.com/ as part of their live design system.

Does Zealth use a light or dark theme?
Zealth's primary site uses a dark color scheme, with a background of #090A0C.

How was this brand profile generated?
This profile was extracted from https://zealth-ai.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Zealth.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Instrument Serif",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#33CCB2",
    "secondary": "#9CA3AF",
    "accent": "#33CCB2",
    "background": "#090A0C",
    "textPrimary": "#090A0C",
    "link": "#7E8A9A"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Instrument Serif"
    },
    "fontStacks": {
      "heading": [
        "Instrument Serif",
        "serif"
      ],
      "body": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "input": {
      "background": "#121417",
      "textColor": "#F0F2F5",
      "borderColor": "#101114",
      "borderRadius": "16px",
      "borderRadiusCorners": {
        "topLeft": "16px",
        "topRight": "16px",
        "bottomRight": "16px",
        "bottomLeft": "16px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#33CCB2",
      "textColor": "#090A0C",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#090A0C",
      "textColor": "#F0F2F5",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": null,
    "favicon": "https://www.zealth-ai.com/logo-zealth.png",
    "ogImage": "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/65c71334-a989-46d6-b4a1-8f3e08717281/id-preview-7530863a--3a7fbc2a-803a-481b-b8cf-1bb2f008b91a.lovable.app-1773565095470.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "healthcare professionals and organizations"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}