The widget library for Squarespace is here Learn more

Inline Image Headline

lock Export Widget Available with Redesignee Premium

The Inline Image Headline is a striking typographic widget that blends copy and imagery into a single, cohesive statement. By embedding a high-quality visual directly into the flow of a sentence, this widget breaks the traditional "image next to text" layout, creating a seamless editorial look often seen in luxury brand storytelling and high-end digital journals.

Design & Visual Aesthetic

The widget focuses on a sophisticated interplay between font weight, color, and shape to deliver a clear brand message.

  • Integrated Visuals: Instead of a separate block, the image is treated as a "character" within the headline. Encased in a soft, pill-shaped or rounded frame, the visual acts as a focal point that punctuates the sentence without disrupting readability.
  • Contrast & Emphasis: The layout utilizes a specific color-shifting logic. Introductory phrases are often set in a lighter, muted tone, while the core message—and the embedded image—uses a deep, high-contrast weight. This guides the user's eye naturally through the "Bold ideas" to the "right frame."
  • Minimalist Centering: The text is perfectly balanced and centered, providing an airy, expansive feel that works exceptionally well on clean, white backgrounds or dark-themed canvases.

Core Features

  • Media-Embedded Typography: The "right frame" isn't just a metaphor; the widget allows for an actual image or video to be placed inline, giving your statement immediate visual context.
  • Flexible Layout Modes: Through the Redesignee customizer, you can easily swap the image, adjust the border-radius of the inline frame, and modify the dual-tone color palette to match your branding.
  • Fluid Engine Stability: Built for precision, this widget maintains its unique inline alignment across different screen sizes. It is lightweight and optimized for fast page performance.
  • Fully Editable Content: Every word and the embedded media can be changed in real-time, allowing you to tailor the statement for specific marketing campaigns or brand pillars.

Where to Use This Widget

This component is most effective when used to make a declarative statement that requires both intellectual and visual impact:

  • Mission Statements: Perfect for a "Home" or "About" page where you want to define your agency's philosophy with a strong visual punch.
  • Section Introductions: Use it as a transition piece between sections. For example, introduce a portfolio gallery with a headline that contains a "sneak peek" image of the work.
  • Hero Sub-Headers: Place it directly below a main hero title to provide a secondary, more detailed brand message that feels highly curated.
  • Article or Blog Headers: Elevate the look of long-form content by using this widget as a featured intro, setting an editorial tone right from the start.

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.