The widget library for WordPress is here Download plugin

Minimalist Typographic Hero (Editorial Style)

Free

Make a bold statement without relying on imagery using this Minimalist Typographic Hero. Designed for creative agencies, architects, and high-end portfolios, this widget proves that strong typography and sophisticated animation are enough to carry a website's first impression.

Drawing inspiration from editorial print design and Awwwards-winning "brutalist" layouts, this section focuses entirely on the message. The centerpiece is a massive, responsive headline that enters the screen via a masked reveal animation, sliding up smoothly from invisible containers. This is complemented by a rotating circular text stamp (SVG) in the top-right corner, adding a layer of kinetic energy to the otherwise static composition.

To ground the layout, the bottom section features a split-detail row (perfect for displaying location, date, or project type). As per your platform requirements, every text element—from the spinning ring to the bottom labels—is fully editable, allowing users to customize the content, fonts, and colors to fit their unique brand identity.

Key Features:

  • Image-Free Impact: A lightweight, high-performance hero section that relies on bold typography rather than heavy image files.
  • Cinematic Text Reveals: Headlines and subtitles utilize professional "overflow: hidden" slide-up animations for a premium entrance.
  • Kinetic Micro-Interaction: Features a continuously rotating circular text path (SVG) that draws the eye and adds dynamism.
  • Anchored Detail Row: A structured bottom row allows for additional context (e.g., "Location," "Services"), creating a balanced, magazine-cover layout.
  • Fully Customizable: Edit all text fields, background colors, and accent colors directly through the interface.

 

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.