CTA Teaser – All Variants

This page showcases every available variant of the CTA Teaser component, covering all four background colours and both layout options (vertical and horizontal).

CTA Teaser – Default Background, Vertical Layout

The standard CTA Teaser on a default background with a vertical layout. The icon appears above the title and text.

Get Started

CTA Teaser – Default Background, Horizontal Layout

CTA Teaser on a default background with a horizontal layout. The icon appears to the left of the title and text.

Learn More

CTA Teaser – Alternate Background, Vertical Layout

CTA Teaser on an alternate background with a vertical layout. Use this variant to visually separate the teaser from surrounding sections.

View Solutions

CTA Teaser – Alternate Background, Horizontal Layout

CTA Teaser on an alternate background with a horizontal layout. Ideal for compact call-to-action sections.

Explore Now

CTA Teaser – Brand Background, Vertical Layout

CTA Teaser on the brand (yellow) background with a vertical layout. This is the most prominent variant, ideal for primary calls to action.

CTA Teaser – Brand Background, Horizontal Layout

CTA Teaser on the brand background with a horizontal layout. Combines high visual impact with a compact footprint.

Reach Out

CTA Teaser – Accent Background, Vertical Layout

CTA Teaser on the accent background with a vertical layout. Use this variant to highlight urgent or time-sensitive calls to action.

CTA Teaser – Accent Background, Horizontal Layout

CTA Teaser on the accent background with a horizontal layout. Draws strong attention while keeping the section height minimal.

CTA Teaser – All Variants

This page showcases every available variant of the CTA Teaser component, covering all four background colours and both layout options (vertical and horizontal).

CTA Teaser – Default Background, Vertical Layout

The standard CTA Teaser on a default background with a vertical layout. The icon appears above the title and text.

Get Started

CTA Teaser – Default Background, Horizontal Layout

CTA Teaser on a default background with a horizontal layout. The icon appears to the left of the title and text.

Learn More

CTA Teaser – Alternate Background, Vertical Layout

CTA Teaser on an alternate background with a vertical layout. Use this variant to visually separate the teaser from surrounding sections.

View Solutions

CTA Teaser – Alternate Background, Horizontal Layout

CTA Teaser on an alternate background with a horizontal layout. Ideal for compact call-to-action sections.

Explore Now

CTA Teaser – Brand Background, Vertical Layout

CTA Teaser on the brand (yellow) background with a vertical layout. This is the most prominent variant, ideal for primary calls to action.

CTA Teaser – Brand Background, Horizontal Layout

CTA Teaser on the brand background with a horizontal layout. Combines high visual impact with a compact footprint.

Reach Out

CTA Teaser – Accent Background, Vertical Layout

CTA Teaser on the accent background with a vertical layout. Use this variant to highlight urgent or time-sensitive calls to action.

CTA Teaser – Accent Background, Horizontal Layout

CTA Teaser on the accent background with a horizontal layout. Draws strong attention while keeping the section height minimal.

CTA Teaser – All Variants

This page showcases every available variant of the CTA Teaser component, covering all four background colours and both layout options (vertical and horizontal).

CTA Teaser – Default Background, Vertical Layout

The standard CTA Teaser on a default background with a vertical layout. The icon appears above the title and text.

Get Started

CTA Teaser – Default Background, Horizontal Layout

CTA Teaser on a default background with a horizontal layout. The icon appears to the left of the title and text.

Learn More

CTA Teaser – Alternate Background, Vertical Layout

CTA Teaser on an alternate background with a vertical layout. Use this variant to visually separate the teaser from surrounding sections.

View Solutions

CTA Teaser – Alternate Background, Horizontal Layout

CTA Teaser on an alternate background with a horizontal layout. Ideal for compact call-to-action sections.

Explore Now

CTA Teaser – Brand Background, Vertical Layout

CTA Teaser on the brand (yellow) background with a vertical layout. This is the most prominent variant, ideal for primary calls to action.

CTA Teaser – Brand Background, Horizontal Layout

CTA Teaser on the brand background with a horizontal layout. Combines high visual impact with a compact footprint.

Reach Out

CTA Teaser – Accent Background, Vertical Layout

CTA Teaser on the accent background with a vertical layout. Use this variant to highlight urgent or time-sensitive calls to action.

CTA Teaser – Accent Background, Horizontal Layout

CTA Teaser on the accent background with a horizontal layout. Draws strong attention while keeping the section height minimal.