Logo

Our mark is the "C" — the unifying endpoints represent closing the loop: how end-to-end solutions connect providers and patients and resolve tasks with clarity.

Source files

Two shipped assets. Both are currentColor SVGs — they inherit the surrounding text color, so one file renders in any approved brand color (no per-color duplicates). Default: Infinite on light, Serene on dark.

Use the lockup wherever there is room. Fall back to the mark only when space is constrained (icons, avatars, favicons) or a partner layout calls for mark-only co-branding.

Color usage

The logo is single-color only — never multi-color, never gradient.

• On light backgrounds (Serene #fffdf9, Remedy #fcf8ef, and the core accessible neutrals) use the dark logo (Infinite #1a1a1e).
• On dark backgrounds (Infinite #1a1a1e) use the light logo (Serene #fffdf9).
• The logo must always sit on one of these approved backgrounds at sufficient contrast — not on Vital, not on busy imagery, not on a low-contrast tint.

Because the SVGs are currentColor, rendering them inline lets you set the color with a text-* utility (e.g. text-foreground auto-flips with the theme). When rendered via <img> — which can't inherit currentColor — the top nav flips it for dark mode with dark:brightness-0 dark:invert. The favicon is the mark in a Remedy circle, used on both light and dark browser chrome (see the Favicon section below).

Colorways

The mark renders in any single brand color — always one color at a time, on a contrasting approved background (never multi-color or gradient). It's a single currentColor SVG, so the color is set in code.

Minimum sizes

Below these widths, legibility breaks down. Do not scale the logo smaller.

Mark · 16px

Wordmark · 80px

Keep clear space around the logo equal to at least the height of the "C" opening; never crowd it with other elements.

Social avatars

Use the official avatars — the Infinite mark on Remedy (light) and the Serene mark on Infinite (dark) — across all social accounts. Provide both a square crop (square-avatar platforms) and a circle crop (circle-avatar platforms); the mark stays centered in both.

Light · Infinite mark on Remedy

Dark · Serene mark on Infinite

Ready-made files: avatar-light.svg · avatar-dark.svg (PNG alongside each, in public/brand/avatars/).

Co-branding

• Default to the primary lockup beside the partner logo, separated by a thin vertical divider.
• For mark-only contexts, pair the mark with the partner mark across the same divider.
• Unless a partner brand specifies otherwise, size each logo to be optically equal as a collection of shapes — not to equal bounding-box height.

slack

Primary lockup

Mark only

Example only — the Slack marks belong to Slack Technologies.

Don'ts

• ❌ Recolor to anything outside the single-color Infinite/Serene rule (no multi-color, no gradient, no brand-family tints).
• ❌ Place on Vital, on busy imagery, or on a low-contrast background.
• ❌ Stretch, skew, rotate, add shadows/outlines, or reconstruct the mark.
• ❌ Scale below the minimum sizes above.

Favicon

The favicon leverages the mark — the Infinite mark in a Remedy circle, the same on light and dark browser chrome. The committed set is the official RealFaviconGenerator package, living in public/ as the source of truth any Clinia application can copy wholesale. The package below is up to date with the latest committed assets — grab it directly:

Clinia

Light browser

Clinia

Dark browser

Apple · 180

Maskable

The committed set

Every file sits at the site root (public/). The mark renders in Infinite #1a1a1e on Remedy #fcf8ef.

Wired in app/layout.tsx via metadata.icons and metadata.manifest — no manual <link> tags. Any Clinia app can copy the public/ favicon files plus site.webmanifest verbatim. To regenerate, upload public/favicon.svg to RealFaviconGenerator and replace the package.