Fan Shape Statement Overlay

A minimal editorial statement widget with a radial fan line shape behind the headline and a refined reveal animation.

Deliver a crystal-clear message with the Fan-Shape Statement Overlay. When you need to communicate your core value proposition or brand mission, sometimes less is absolutely more. Instead of overwhelming your visitors with heavy paragraphs or distracting background images, this component utilizes whitespace, precise typography, and delicate linework to ensure your message is read, understood, and remembered.

Design & Visual Architecture

This widget is a masterclass in modern minimalism. Set against a soft, neutral background, the design is split into a delicate visual anchor and a powerful typographic statement:

• The Fan Graphic: On the left, a series of fine, elegant lines originate from a single focal point and fan outward toward the text. This abstract, geometric element symbolizes expansion, clarity emerging from a single source, or a focused narrative spreading out to an audience.
• Strategic Typography: The text itself is presented in a large, highly legible font. The genius of this layout lies in its selective color-highlighting. While the majority of the sentence is rendered in a soft, sophisticated slate gray, the core value proposition—in this case, "clearer brand narratives"—is bolded and colored in a vibrant, electric blue. This ensures the user's eye is immediately drawn to the most critical part of your message.

Strategic Use Cases

Because of its clean, unobtrusive nature, this component serves as a perfect structural breather on your website. It is highly effective in the following scenarios:

• Homepage Transition Block: Place this immediately below your main hero section. It acts as a visual palate cleanser, smoothly transitioning the user from your initial hook into your detailed services or products.
• Agency & Consultant Manifestos: Perfect for B2B brands, creative studios, and consultants who need to declare their "why" with confidence and sophistication on an About Us page.
• Section Dividers: Use it to break up long, visually heavy pages. The expansive whitespace gives the user's eyes a rest while delivering a punchy, memorable takeaway.
• Pitch Decks & Portfolios: A beautiful way to introduce a specific case study or outline your overarching creative philosophy before showing the actual work.

Universal Platform Integration

You don't need a complex page builder to achieve this level of refined, editorial design. Built entirely with lightweight, pristine HTML and CSS, this widget avoids the bloat of traditional plugins and is ready to be dropped into any tech stack:

• WordPress (Gutenberg & Elementor): Simply paste the code into a Custom HTML block. It will seamlessly bypass standard theme margins to deliver a bespoke, high-end look without slowing down your database.
• Squarespace: Inject the snippet into a standard Code block to introduce advanced, delicate linework and inline color-blocking that native Squarespace text blocks struggle to achieve natively.
• Webflow & Custom Frameworks: A frictionless experience for developers. Drop the semantic code directly into an embed module. The flexbox-based layout ensures flawless responsive scaling, stacking beautifully on mobile devices.
• Shopify: Paste the code into a custom Liquid section on your storefront to elevate your brand story beyond the standard, blocky text modules.
• Wix: Easily embed the HTML snippet to bring a custom-coded, architectural aesthetic to your Wix site, ensuring your typography looks crisp and perfectly aligned across all screen sizes.

How to install Fan Shape Statement Overlay to your website

Bring this layout to life on your website in just a few clicks.

Install on Squarespace

Edit Fan Shape Statement Overlay visually using the native Squarespace extension

+−

First, ensure you have connected your website to the native Redesignee extension. Once connected, you have two easy ways to build:

1. Native Block: Simply add the native Redesignee Widget Block directly from the fluid engine editor menu inside Squarespace.

2. Manual Markdown: Add a standard Markdown Block, paste your widget’s code snippet, and the Redesignee floating "Customize" button will automatically appear right over the block.

Both methods let you tweak settings, copy items, and design visually in real time. Saving your changes syncs the updates instantly to your live page.

See Squarespace installation guide

Install on WordPress

Connect natively via Gutenberg or Elementor

+−

Make sure you have the free Redesignee WordPress Plugin installed. To drop the Fan Shape Statement Overlay into Elementor, simply drag and drop the Redesignee widget from your sidebar. If you are using the Gutenberg Block Editor, click the " + " icon and select the Redesignee Block. Launch the Cloud Library directly inside your workspace, choose your customized template, and import it with a single click. It automatically inherits your theme fonts and styles!

WordPress plugin installation guide

Install on Other CMS as Code

Quick copy-and-paste for custom setups

+−

If you are using Webflow, Shopify, Wix, or a custom HTML site, click the "Export Widget" button on this page and ensure the platform selector is set to "HTML". Click "Copy" to copy the clean, un-nested source code snippet directly to your clipboard. Paste this code into any HTML component, Code Block, or Embed tool inside your website builder. All styles, animations, and scripts are self-contained and ready to run.