← Back to catalog📄 Implementation guide
Image / Media

Duotone Image Hover

Applies two-color image treatment on hover.

Editorial, stylish, modern

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Portfolios, blogs, campaigns

Atelier Nord · Selected Works

Studies in Two Inks

A portfolio printed in duotone and developed into full colour the moment you look closer — portraiture, the rain-lit city, and concrete at rest.

Issue Nº 04·Spring 2026 Hover to develop ↗
Studio portrait of a woman with a dark pixie cut 01
Mara, in Monochrome
Portrait · Studio
Neon-lit city avenue mirrored on wet asphalt at night 02
Sixth Avenue, After Rain
Cityscape · 35mm
Minimal brutalist concrete forms against a clear sky 03
Concrete in Repose
Architecture · Brutalism
Editorial headshot of a bearded man in a navy blazer 04
Daniel, Editorial Cut
Portrait · Profile

Each frame is printed in two inks — deep violet shadows, warm apricot highlights — then developed to full colour on hover. Pure CSS: grayscale plus screen / multiply ink layers, no JavaScript.

Technique: filter: grayscale() on the image + two colored mix-blend-mode: screen / multiply ink layers, faded out on hover