The Widget Library for Squarespace is here! Get it now >>

Split Portrait Hero

lock Export Widget This widget is available with Redesignee Premium

Create a magazine-quality first impression with this Split-Screen Layered Hero Section. Designed for fashion brands, personal portfolios, and editorial websites, this widget utilizes a sophisticated 50/50 split layout to balance visual storytelling with clear, compelling messaging.

The left column features a unique dual-image composition: a full-height background image sets the mood (perfect for textures or scenic shots), while a centered, shadow-enhanced portrait image sits on top, creating depth and a strong focal point. This layered approach is ideal for showcasing a featured product, a model lookbook, or a personal brand profile.

The right column provides a clean, breathable canvas for your content. It includes a high-impact headline, a rich text area for your value proposition, and dual call-to-action buttons (primary and text link). The layout is fully responsive, stacking vertically on mobile devices to ensure your imagery remains impactful on any screen size.

Key Features:

  • Layered Media Column: A distinctive design that overlays a featured portrait on top of a background image for a 3D, high-end look.
  • Editorial Aesthetic: Clean typography and generous whitespace mimic the layout of premium fashion magazines.
  • Content-First Design: The right column is dedicated entirely to your message, ensuring high readability and conversion focus.
  • Visual Depth: Built-in box shadows on the portrait image add separation and realism without custom CSS.
  • Fully Customizable: Edit background images, portrait photos, fonts, colors, and button styles directly in the customizer.
  • Responsive Architecture: Intelligently reorders content on mobile to keep the visual hook (the image) top-of-mind.

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.