07 / Buttons, Forms & CTA's

This category covers all interactive elements that drive action within a publication. From simple buttons to footers with navigation, full-width call-to-action blocks, and forms for lead capture, these layouts shape the user journey. Optimized interaction is essential, as successful navigation, conversion, and lead generation depend on it.

Scroll to continue

Basic Navigation Footer: Simple footer with “Previous” and “Next” buttons. Keeps readers moving step by step through linear content.

Neque porro quisquam est

Previous page

Neque porro quisquam est

Next page

Social & Navigation Footer: Combines directional navigation with social sharing. Ideal for documents where reach and engagement are as important as progression.

Nemo enim ipsam volup

Previous page

Share on social

Ut enim ad minima

Next page

Extended Navigation Footer: Adds extra options like “Contents” or “Back to top,” giving readers more flexible control over their journey.

Previous page
Contents
Back to top
Continue to the next page

Website-Style Footer: Footer with brand logo and navigation links. Works well for one-pagers or publication hubs, offering quick access to key sections and external resources.

Dolorem

Sed non squam

Ut enim ad minima

Nemo enim ipsam

Noquam

Sed non squam

Nemo enim ipsam

Ut enim ad minima

Aliquam

Ut enim ad minima

Nemo enim volup sid

Sed non squam

Simple CTA Block: Minimal call-to-action with a heading and button. Works well as a subtle nudge within content flows.

Neque porro quisquam est

Click here

Image or Video Background CTA: Full-width background with bold heading and button overlay. Ideal for high-impact calls-to-action that demand attention.

Sunt in culpa qui officia deserunt mollit

Click here

Side-by-side CTA: CTA block combining a strong visual with headline, body copy, and button. Great for storytelling-driven calls-to-action.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Click me

Overlay CTA Block: Full-screen background image with text and button overlay. Works well for immersive calls-to-action that blend seamlessly into the content flow.

Ut enim ad minima

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem ainventore veritatis et quasi.

Continue reading

Split Form Block: Combines a visual with a message on one side and a lead capture form on the other. Ideal for sign-ups, subscriptions, or gated content downloads.

Sed unde omnis

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et.

Ut enim ad veniam

Visual Form Block: Full width layout that combines a introduction with a lead capture form. Ideal for sign-ups, subscriptions, or gated content downloads.

Sed unde omnis

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et.

Ut enim ad veniam

Content-Aligned Form Block: A clean form layout that blends seamlessly into content-heavy pages. Less visually dominant, making it suitable for formal contexts.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Emphasis & Quotes

Previous page

Card Grids & Overviews

Next page