Clinia UI

Custom components

The components Clinia builds for marketing sites, beyond the shadcn set.

Some clinia.com patterns have no shadcn equivalent, so Clinia builds them for marketing sites.

What makes a component marketing only

  • It carries the unified brand look.
  • It ships one file for both shadcn styles. There is no Luma version to fall back on.
  • Product apps use the shadcn component instead, such as Button for a CTA.

The components

ComponentWhat it's forWhen to use it
Brand BackgroundThe brand band or a line shape behind a section or a cardBackgrounds
CTAThe call to action on a hero, a feature section or a closing bandprimary for the one main action in a section, default or ghost beside it
Logo StripA row of customer logos beside a claimCo-branding
SceneA diagram of what Clinia does, built once as it scrolls inScenes

Request a new one

When a marketing page needs a pattern these four don't cover, check first that one of them can't do it, such as a CTA variant or a Scene. If none can, open a component request on the clinia/ui repository, as for any component, and fill it in like this:

  • Component: a short name, and a link to where the pattern appears: a clinia.com section, a Figma frame or a screenshot.
  • Surface: Marketing site (Sera).
  • Anything that differs from upstream: what it looks like and how it moves or responds. There is no shadcn version to compare it with, so describe it in full.

A maintainer builds it, and it joins this list after review and sign-off.