Communik.io : Site & App builder
communik.io
Sections · Hero

Left-Aligned Hero Section

A hero aligned to the left with an optional badge and two call-to-action buttons — perfect for pairing “Start now” with “See a demo”.

Use this block Add to an existing project

Free to start. No credit card.

Screenshot of Hero Simple Left template

What this block contains

Hero Simple Left is a section from the Hero category made of 1 heading, 1 text paragraph, 2 buttons and 2 links. Its copy ships in 3 languages (German, Spanish and French).

  • 1 heading
  • 1 text paragraph
  • 2 buttons
  • 2 links

Details

Category
Hero
Type
Section (full width)
Editing
Visual editor, no code
Keywords
leftbadgectalanding

Use it in three steps

  1. 1 Open your siteCreate a free Communik site, or open one you already have.
  2. 2 Insert itIt lands on your page with your fonts and brand colors applied.
  3. 3 Make it yoursEdit text, images and colors visually, then publish when ready.

More in Hero

See all Hero
Screenshot of Hero Simple Centered template

Hero Simple Centered

Centered hero with heading, subheading, and call-to-action button on a soft gradient

Hero

Screenshot of Hero Image Right template

Hero Image Right

Hero with text on the left and large image on the right in 50/50 split

Hero

Guide

Left-aligned heroes read like the start of a conversation: the eye enters at the headline, follows the subtitle and lands on two clear choices. That makes this layout ideal when your visitors split into two intents — those ready to sign up and those who first want to see a demo or learn more.

The optional badge above the headline is a proven spot for social proof or news (“New: AI assistant”, “Trusted by 500 agencies”). Every element is editable in the Communik builder, and the second button can be removed in one click if you only need one action.

Browse more hero sections or explore SaaS templates to complete your page.

Questions

When should I use two CTA buttons?

When your audience has two clear intents — for example “Start for free” for ready visitors and “Watch a demo” for those still evaluating. Keep the primary action visually dominant.

Can I remove the badge?

Yes. The badge is a separate element: delete it or hide it in one click, the layout adjusts automatically.

Is this template free?

Yes. All Communik blocks are included: building a site is free, you only pay to publish on your own domain.

Keep exploring

About Sections Browse about sections templates Blog Sections Browse blog sections templates Call to action Sections Browse call to action sections templates Blog Module Complete blog feature with multiple design variants About Page Templates Full page layouts in the about category Templates for Portfolio Templates designed for portfolio businesses Mailchimp Templates Templates with Mailchimp integration support

Your next site starts here.
Everything here is one click away.

Every section, component, page and module in this library is ready inside the Communik editor, styled with your brand.

Use this block Browse the library

Free to start. No credit card.