CTA Sections

Components

CTA / Box / Button / Justified / Light

Get started building your websites in minutes

CTA / Box / Button / Justified / Dark

Get started building your websites in minutes

CTA / Box / Button / Justified / Primary

Get started building your websites in minutes

CTA / Basic / Button / Justified / Light

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Button / Justified / Dark

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Button / Justified / Primary

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Justified / Light

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Justified / Dark

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Justified / Primary

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Left / Light

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Left / Dark

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Left / Primary

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Button / Centered / Light

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Button / Centered / Dark

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Button / Centered / Primary

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Link / Centered / Light

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Sign up now
arrow_forward
CTA / Basic / Link / Centered / Dark

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Sign up now
arrow_forward
CTA / Basic / Link / Centered / Primary

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Sign up now
arrow_forward
CTA / Basic / 2 Buttons / Centered / Light

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Centered / Dark

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / 2 Buttons / Centered / Primary

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CTA / Basic / Submit Horizontal / Justified / Light

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
CTA / Basic / Submit Horizontal / Justified / Dark

Get started building your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
CTA / Basic / Submit Horizontal / Centered / Light

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

CTA / Basic / Submit Horizontal / Centered / Dark

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

CTA / Basic / Submit Vertical / Centered / Light

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
CTA / Basic / Submit Vertical / Centered / Dark

Get started building
your websites in minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

A call-to-action (CTA) section prompts your visitors, leads, and customers to take action.

arrow_upward