The widget library for Squarespace is here Learn more

Fluid Headline Hero

The Fluid Headline Hero is a modern hero widget designed for brands that want a more expressive first impression without losing clarity. It combines a changeable background image hero with oversized rounded text blocks that create a soft fluid headline effect, making it a strong fit for about page heroes, mission statements, brand storytelling sections, and visual landing page intros.

Instead of using a standard headline, this layout breaks the message into separate pill-shaped text blocks, which gives the design a more editorial and memorable look. This makes it especially useful for websites that need a creative hero section, a modern homepage banner, or an about us hero that feels distinctive, minimal, and easy to customize.

The widget is fully compatible with your existing editor structure, so users can update the background image, edit every word in the headline, change pill colors, adjust text styling, and rewrite the supporting copy directly from the frontend controls. That makes it ideal for agencies, portfolios, startups, consultants, product brands, and company websites that need an editable hero widget with a premium visual style.

It also works well for brands that want to communicate values, vision, or positioning in a softer and more human way. Because the layout mixes a storytelling hero, rounded text blocks, and a customizable CTA area, it can be used as a mission hero section, a brand values hero, a company introduction banner, or a hero image section for service-based and editorial-style websites.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.