Left Aligned With Checklist
A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Left Aligned With Checklist is a typography focused hero. A large headline sits flush to the left edge, followed by a short lede paragraph, a vertical list of three check items each marked with a filled icon, and then two call to action buttons side by side. The right half of the viewport is intentionally empty, so the checklist reads as the entire pitch without competing visuals.
The copy column, the checklist, and the button row are all independent. You can rewrite the headline and lede freely, swap in any number of check items, or drop to a single CTA button. Because there is no image or decorative panel, no layout adjustment is needed when you change the text.
Reach for this block when your core value fits three sharp statements and you want the reader to absorb them before clicking anything. It works well as the opening screen for a project management workspace or any product whose pitch rests on consolidating scattered workflows. Compared to a split hero with a screenshot or metrics panel, this layout keeps full attention on the words, which suits audiences who evaluate tools by the problem description rather than by a visual demo.
A natural flow around it on a Marketing Pro page:
Before
After
The checklist is the anchor, so the content that works best is a short list of concrete outcomes the product delivers. A few directions to take it:
Tip: keep each check item to one line so the list scans in under three seconds; wrap onto a second line and the rhythm breaks.