Koi Fish Hero

Summary

A designer portfolio website hero with an animated koi fish swimming through a blue water ripple background, paired with bold serif typography and clean navigation.

Visual description

A designer portfolio hero features a gradient blue background animated with water ripple effects, grounded by a red-orange koi fish swimming through the lower composition. Large white sans-serif headline reads "Create products" with italic subtext "worth obsessing over" positioned on the left. A horizontal navigation bar sits at the top with About, Portfolio, Services, Blog links and a Contact button. A black rounded button labeled "Start a project" and a secondary link "View our work" anchor the lower left.

Key takeaway

Layering a live animated subject (the koi) into a kinetic background pattern creates visual depth and movement that keeps attention on the narrative while maintaining clean text hierarchy.

Reuse notes

Reach for this as a ui screen reference. Pairs with typographic, organic directions. Original by Agatha Richards.