Portfolio Hover Follow Title Spotlight

What You'll Create

An elegant focus effect for portfolio sections in Squarespace where the hovered project title pops while all other titles dim to 50% transparency with a muted gray color. As visitors move through your portfolio, the spotlight follows their cursor—creating a cinematic browsing experience.

The Problem It Solves

Standard Squarespace portfolio hover effects treat all titles equally, making it hard for visitors to focus on the content they're exploring. Without visual hierarchy on hover, portfolios feel flat and miss the opportunity to guide attention to the active selection.

Perfect For

Creative agency portfolios, Photography showcases, Design studio work displays, Architecture project galleries, Artist portfolio presentations

What Makes This Different

Targets the Hover Follow portfolio layout specifically. When visitors hover over the portfolio, all titles dim to gray at 50% transparency, then the active title restores to black at full visibility. Ensures consistent override of Squarespace defaults.

Details

• Section Type: Fluid Engine

• Code Type: CSS

• Prerequisites: Portfolio Section with Hover Follow layout

• Toolkit Title: Hover Follow Title Spotlight

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support