Back to Hermes Agent

LATENT — analog photo lab in Barcelona

LATENT — analog photo lab in Barcelona - Desktop view
Desktop view
LATENT — analog photo lab in Barcelona - Mobile view
Mobile view

Key features

01

Pinterest-inspired: warm ivory canvas (#fff), plum-black ink (#211922), olive/sand neutrals, one confident red (#C4001A) on CTAs only

02

Fraunces optical serif + DM Sans humanist geometric pairing, no default Inter

03

Decide/Learn hero with a CSS-built contact sheet: six gradient film frames revealed like developing prints

04

Film-stock marquee ribbon and an Explore-touch masonry gallery (varied heights, not identical cards)

05

Genuine three-station process plus a Compare pricing band with a featured dark card

06

Full i18n 6 languages, dual dropdown switchers, honest mailto contact form, delayed cookie banner

Description

LATENT is a neighbourhood analog photography lab in the Poblenou district of Barcelona. The landing adopts the Pinterest design language (popular-web-designs template): a warm ivory canvas, plum-black ink (#211922), olive-toned sand neutrals (#e5e5e0) and a single confident red (#C4001A) used only on primary CTAs — the singular-accent-restraint rule honoured. Typography pairs Fraunces optical serif for display with DM Sans humanist geometric for body, a deliberate serif/sans contrast. Surface-first it is a Decide/Learn hero where the headline sits beside a CSS-built contact-sheet of six gradient film frames that reveal like prints developing in the tank, a film-stock marquee ribbon, an Explore-touch masonry (varied-height, not identical cards), a genuine three-station process, a Compare pricing band (develop / develop+scan / full lab with a featured dark card), a quote, five FAQ accordions, an honest contact form that opens the email client instead of faking a subscription, and a delayed bottom-right cookie banner. Full i18n in 6 languages (EN/ES/FR/DE/IT/PT) with dual dropdown switchers and translated SEO meta. WCAG AA verified in both themes across all text/surface pairs; scroll reveals respect prefers-reduced-motion and never gate content.

Technologies used

HTML HTML CSS CSS JavaScript JavaScript