careCycle Brand Identity

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

Quick Facts

Color Palette

• primary: #141204
• secondary: #00BBA7
• accent: #009689
• background: #F3F2EF
• textPrimary: #171717
• link: #009689

Typography

• primary: Aktiv Grotesk — https://fonts.google.com/specimen/Aktiv+Grotesk
• heading: IvyMode — https://fonts.google.com/specimen/IvyMode

Visual Assets

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

UI Components

• buttonPrimary: background=#009689, 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.6 -0.117603 -0.00967695 / 0.1) 0px 20px 25px -5px, oklab(0.6 -0.117603 -0.00967695 / 0.1) 0px 8px 10px -6px
• buttonSecondary: background=#FFFFFF, textColor=#171717, borderColor=#E5E5E5, 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 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

Brand Personality

Tone: modern · Energy: medium · Audience: healthcare professionals and Medicare providers

careCycle Brand in the Wild

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

• Introducing careCycle | careCycle
  • Image:
  • Source: Introducing careCycle
• How to Boost Medicare Client Retention Without Burning Out Your Agents | careCycle
  • Image:
  • Source: Boost Medicare Client Retention
• Voice AI Meets Medicare: careCycle's Mission to Save Agencies Thousands of Hours | careCycle
  • Image:
  • Source: Voice AI Meets Medicare
• Blog | careCycle — Medicare & Voice AI
  • Image:
  • Source: Blog
• Information Security Policy | careCycle
  • Image:
  • Source: Information Security Policy
• The Hidden Cost of Bad Leads: How Pre-Screening Transforms Medicare Agency Profitability | careCycle
  • Image:
  • Source: Bad Leads

Working with these fonts

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.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Aktiv Grotesk",
   "role": "body"
  },
  {
   "family": "IvyMode",
   "role": "heading"
  }
 ],
 "colors": {
  "primary": "#141204",
  "secondary": "#00BBA7",
  "accent": "#009689",
  "background": "#F3F2EF",
  "textPrimary": "#171717",
  "link": "#009689"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Aktiv Grotesk",
   "heading": "IvyMode"
  },
  "fontStacks": {
   "heading": [
    "IvyMode",
    "Georgia",
    "Times New Roman",
    "Times",
    "serif"
   ],
   "body": [
    "aktiv-grotesk",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "system-ui",
    "sans-serif"
   ],
   "paragraph": [
    "aktiv-grotesk",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "system-ui",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "84px",
   "h2": "36px",
   "body": "28px"
  }
 },
 "spacing": {
  "baseUnit": 10,
  "borderRadius": "0px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#009689",
   "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.6 -0.117603 -0.00967695 / 0.1) 0px 20px 25px -5px, oklab(0.6 -0.117603 -0.00967695 / 0.1) 0px 8px 10px -6px"
  },
  "buttonSecondary": {
   "background": "#FFFFFF",
   "textColor": "#171717",
   "borderColor": "#E5E5E5",
   "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 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
  }
 },
 "images": {
  "logo": "https://carecycle.ai/carecyclelogofull.svg",
  "favicon": "https://carecycle.ai/carecyclelogo.svg",
  "ogImage": "https://carecycle.ai/og-image.png",
  "logoHref": "/",
  "logoAlt": "careCycle Logo"
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "healthcare professionals and Medicare providers"
 },
 "designSystem": {
  "framework": "tailwind",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 }
}