Kaffe Origin - Framer Template

Kaffe Origin és un template de Framer per a torrefactors d'especialitat, construït sobre una idea: si el que vens és la procedència, la interfície l'ha de publicar. Cada cafè porta el seu lot, altitud, productor i procés. Tota la interfície és monocroma perquè la fotografia sigui l'única cosa que arriba a tenir color.

// Descripció del projecte

El problema

La majoria de plantilles de botiga et donen una foto i un preu. Funciona quan la foto és l'argument. Amb el cafè d'especialitat no, perquè dues bosses idèntiques les separen l'altitud, la varietat, el procés i qui l'ha cultivat. La part interessant del producte és justament la que aquestes plantilles llencen.

La decisió que ho condiciona tot

Blanc i negre estricte. Una tipografia, filets d'un píxel, cap color d'accent enlloc.

Aquesta contenció no és una preferència estètica, és un mecanisme. Com que res més té color, la fotografia pot fer una cosa que una plantilla plana no pot: cada imatge reposa en gris i s'obre a color quan la toques. La disciplina compra la recompensa.

Que l'efecte sobrevisqui al mòbil

Al telèfon no hi ha hover, i és on mira la majoria de gent. Un efecte que només funciona a escriptori és una demo, no una funcionalitat. Al mòbil el revelat el dispara l'scroll: cada foto s'encén en entrar a pantalla, i baixar pel catàleg es converteix en una seqüència d'imatges il·luminant-se una darrere l'altra.

Creix amb contingut, no amb disseny

Dues col·leccions que es referencien. Etiquetes un cafè amb un mètode i apareix a la pàgina d'aquell mètode tot sol. Afegeixes un cinquè mètode i es construeixen sols la fila de l'índex, la columna del menú i una pàgina de detall sencera. Una versió anterior feta amb pestanyes la vaig llençar per això mateix: les pestanyes no creixen.

El que vaig deixar fora

No hi ha carret. Cada producte enllaça a la URL de pagament que el propietari ja té. Una torrefacció que ven nou cafès no necessita un motor de comerç, i afegir-l'hi hauria fet el template més pesat, més lent i dependent d'un servei extern.

Rol:

Concepte, direcció d'art, sistema de disseny, construcció, arquitectura de CMS, textos.

Any:

2026

Stack:

Framer, Claude Code

kaffeorigin.framer.website

Veure al Framer Marketplace

Noa Torner - Barcelona, 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.