Skip to content
Habitus Design

blocks / cta

CTA split

Accent panel with a display headline on the left and copy plus action aligned right.

React: CtaSplit · Svelte: CtaSplit · templ: blocks.CtaSplit · Figma: 1:170 CTA

Ready to build better habits?

Take control of your daily routines, stay consistent with the goals that matter, and build meaningful progress — one habit at a time. With Habitus, you’re just a step away from creating a better version of yourself.

Start Tracking – It’s Free

Semantic classes (packages/adapter)

  • .ui-cta-split
  • .ui-cta-split-container
  • .ui-cta-split-panel
  • .ui-cta-split-mark
  • .ui-cta-split-row
  • .ui-cta-split-title
  • .ui-cta-split-aside
  • .ui-cta-split-text
  • .ui-cta-split-button