The widget library for WordPress is here Download plugin

Blurred Aesthetic Call to Action

Create a soft, dreamy atmosphere for your website with the Blurred Aesthetic CTA. This widget is designed for beauty brands, wellness studios, and lifestyle influencers who need a high-end, editorial look without the harshness of standard corporate design.

The core feature of this widget is its automatic background blur. You can upload any high-quality texture, landscape, or lifestyle photo, and the CSS filter: blur(20px) will instantly transform it into a smooth, abstract backdrop. This technique ensures that your text remains perfectly readable while retaining the color palette and mood of the original image.

The typography is carefully curated to match the "feminine luxury" aesthetic. It pairs a romantic, italicized serif font (Playfair Display) for the headline with a clean, modern sans-serif for the description and button. The result is a section that feels like a page out of a high-fashion magazine—elegant, poised, and inviting.

Key Features:

  • CSS Blur Effect: Automatically blurs any background image you upload, creating a unique, abstract texture without needing Photoshop.
  • Editorial Typography: Features a stunning italic serif headline paired with a clean sans-serif body for a sophisticated hierarchy.
  • Overlay Control: Includes a subtle dark overlay to guarantee text contrast, even on brighter images.
  • Pill-Shape Button: A rounded, modern call-to-action button in a warm terracotta tone (#CD7878) that lifts gently on hover.
  • Fully Responsive: The content centers perfectly on all devices, ensuring your message looks flawless on mobile and desktop.
  • Versatile Application: Ideal for "Book Now" sections, newsletter signups, or introducing a new beauty collection.

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.