# Pinmat URL canonique : https://openfile.pro/fr/template/pinmat Un portfolio d’une seule page disposé comme un bureau : une feuille de carnet, une note adhésive et des pin’s en émail que les visiteurs peuvent déplacer. Pinmat est un template Framer gratuit de portfolio pour un designer ou un créateur, disposé comme un bureau : une feuille de carnet lignée sur un tapis de découpe vert, avec une note adhésive pour les messages et des pin’s en émail que les visiteurs peuvent faire glisser. Ses 2 pages sont la page d’accueil, qui tient sur une seule page, et une page 404, avec toutes les rangées sur le CMS. - Catégorie : [Agence & Portfolio](https://openfile.pro/fr/templates/agency-portfolio) - Prix : Gratuit - Licence gratuite : Gratuit (Vos propres sites et vos projets clients) - Pages : 2 - Collections CMS : 1 - Breakpoints : 3 - Sortie : 2026-11-03 - Dernière mise à jour : 2026-11-03 - Aperçu en direct : https://pinmat.framer.website Indiquez votre e-mail et le lien de remix vous y est envoyé. Framer copie le site dans votre espace de travail, et un compte Framer gratuit suffit. ![Pinmat sur un tapis de découpe vert : une feuille de carnet lignée pincée sur une chemise kraft, avec des rangées sous « Work », « Projects », « Playground » et « Find Me », une note adhésive, « Come work with me », et des pin’s en émail tout autour](https://openfile.pro/media/pinmat/listing-1-social.9a317fe6.jpg) ![Pinmat sur deux téléphones : la feuille avec ses pin’s en émail regroupés sous « About », et les rangées jusqu’à la note adhésive, « Come work with me »](https://openfile.pro/media/pinmat/listing-2.31e0136a.webp) ![Pinmat dans une fenêtre de navigateur : la feuille de carnet sur le tapis de découpe, ses rangées de travaux et de projets, avec une note adhésive et des pin’s en émail sur ses bords](https://openfile.pro/media/pinmat/listing-3.0bf6aedb.webp) ## Votre travail sur une seule feuille de carnet, avec des pin’s qu’on a envie de déplacer. Pinmat est un portfolio d’une seule page pour un designer ou un créateur, qui ressemble à un bureau : une feuille de carnet lignée, pincée sur une chemise kraft posée sur un tapis de découpe vert, avec une page tapée à la machine, un trombone, une pince double clip, du ruban washi et une trace de tasse de café. Chaque élément occupe une ligne du carnet, et les lignes sont regroupées sous Work, Projects, Playground et Find Me. Six pin’s en émail entourent la feuille et peuvent être glissés n’importe où, chacun avec sa propre infobulle façon étiqueteuse à côté du curseur, qui est lui aussi un pin’s en émail. Une note adhésive accueille le formulaire de contact, et une page 404 garde le même tapis. Il est composé en Space Mono, Inter Display et Instrument Sans, avec une note manuscrite. ### Conçu pour - Designers produit, UI et de marque - Développeurs et ingénieurs design qui ont des projets parallèles - Étudiants et personnes en recherche d’emploi qui veulent un CV dont on se souvient ### Idéal pour - Designers qui veulent un portfolio qui a de la personnalité - Développeurs qui ont quelques produits et des projets parallèles - Étudiants et personnes en recherche d’emploi qui font un CV dont on se souvient ### Pas fait pour - Studios qui ont besoin d’une page par étude de cas - Auteurs qui ont besoin d’un blog ### À voir aussi - [Ellery](https://openfile.pro/fr/template/ellery) : Un site personnel discret pour un designer ou un créateur : qui vous êtes, ce que vous avez créé et ce que vous avez écrit. - [Lola](https://openfile.pro/fr/template/lola) : Un site pour un petit studio de design qui crée des sites web, des identités de marque et des créations graphiques. ### Un bureau qui se met en place tout seul Au chargement, la chemise glisse sur le tapis, les feuilles en sortent, les pinces se referment d’un coup sec, la note adhésive est plaquée et les pin’s sont enfoncés un par un. ### Des pin’s qui bougent et qui parlent Six pin’s en émail aux bords dorés, avec un reflet lent, peuvent être glissés n’importe où. Chacun affiche sa propre infobulle façon étiqueteuse, comme « PSST. I MOVE. », et l’un d’eux est un pin’s photo pour votre portrait. ### Des rangées venues du CMS Une seule collection Projets contient toutes les rangées : un nom, une description d’une ligne, un logo, un lien et sa section, Work, Projects ou Playground. Une nouvelle entrée, c’est une nouvelle ligne sur la feuille. ## Ordinateur, tablette et mobile La page d’accueil de Pinmat à chaque breakpoint, capturée sur le site publié. Chaque mise en page est conçue séparément, pas simplement réduite. - Ordinateur, 1440 pixels - Tablette, 810 pixels - Mobile, 390 pixels ## Tout ce que contient Pinmat ### Pages - Accueil : / - 404 : /404 ### CMS - Projets : 8 entrées de départ ### Système de design - Polices : Space Mono, Inter Display, Instrument Sans - Palette : #FCFBFC, #1E6846, #E2CA7E, #D9D7CD, #869A77 - Styles de couleur : 17 - Styles de texte : 12 - Breakpoints : Ordinateur, tablette et mobile ### Intégré - Pin’s déplaçables : Six pin’s en émail avec un peu d’inertie et un reflet en boucle, dont un pin’s photo - Curseur en émail : Une flèche qui se change en main qui pointe, avec à côté l’infobulle façon étiqueteuse de chaque pin’s - Mise en place : Chaque objet arrive comme il le ferait sur un vrai bureau, en trois secondes environ - Formulaire sur note adhésive : Un formulaire d’e-mail qui fonctionne, sur une note qui s’agite comme si un ventilateur soufflait dessus - MatGrid : Un composant de code qui ne dessine que des cases entières et peut dégager un bloc, comme sur la page 404 - Réduction des animations : Respectée sur l’ensemble du site ### Fourni avec - Le template : Un lien de remix Framer - Mises à jour : À vie - Framer Pro : Trois mois sur un forfait annuel, quand vous publiez ### Bon à savoir - Les rangées, les logos, le nom et le portrait sont ceux d’UV, montrés à titre d’exemple et à remplacer. Les rangées Find Me renvoient toutes vers openfile.pro. - Les images de partage et le favicon reprennent l’apparence de l’exemple : remplacez-les donc une fois que vous avez fait le site vôtre. ## Ce que la licence vous permet ### Licence gratuite : Gratuit Vos propres sites et vos projets clients #### Vous pouvez - L’utiliser pour vos propres sites, y compris commerciaux. - L’utiliser pour des projets clients, dans le cadre d’un site que vous réalisez pour eux. - Tout y modifier. #### Vous ne pouvez pas - Vendre, partager ou donner le template lui-même. - Le publier sur une autre place de marché ou un autre site de templates. - L’utiliser pour créer des templates ou des composants qui lui font concurrence. - Le présenter comme votre propre création originale. Un résumé en termes simples. Le texte contractuel est celui des Community Terms de Framer, et la page licence explique les deux. [Lire la licence](https://openfile.pro/fr/licence) ## Avant d’acheter ### Que comprend Pinmat ? Le site entier sous forme de projet Framer : 2 pages, 1 collection CMS, mis en page pour ordinateur, tablette et mobile. Indiquez votre e-mail et le lien de remix vous y est envoyé ; Framer copie le site dans votre espace de travail. ### Comment le personnaliser ? 1. Remixez le template. 2. Modifiez les rangées dans la collection Projets : le champ Section décide de la liste, et les logos rendent mieux en vignettes carrées. 3. Changez le nom et le rôle dans l’en-tête de la feuille, et remplacez l’image du pin’s photo par la vôtre. 4. Les pin’s, la note adhésive et les intitulés de section ont chacun une copie pour mobile et une copie pour les écrans plus grands : modifiez les deux. 5. Faites pointer le formulaire de la note adhésive vers votre propre boîte de réception et les rangées Find Me vers vos profils, puis publiez. ### Faut-il écrire du code ? Non. Les textes, les images, les couleurs et les entrées du CMS se modifient directement dans l’éditeur Framer. ### Puis-je l’utiliser sur plusieurs sites ? La licence gratuite couvre vos propres sites et vos projets clients. La page licence en donne le détail. ### Et si je suis bloqué ? Écrivez à support@openfile.pro. Vous recevez une réponse sous 48 heures en semaine, et les questions de mise en place comme les bugs du template sont pris en charge. ### Les visiteurs peuvent-ils vraiment déplacer les pin’s de Pinmat ? Oui. Les six pin’s en émail se glissent n’importe où sur le bureau avec un peu d’inertie, grossissent légèrement au survol et à l’appui, et captent un reflet toutes les huit à dix secondes. Chacun a sa propre infobulle façon étiqueteuse à côté du curseur ; elle se masque pendant que l’on fait glisser le pin’s. L’un d’eux est un pin’s photo pour votre portrait. ### Pinmat fonctionne-t-il sur mobile ? Oui, aux largeurs ordinateur, tablette et mobile. Sur mobile, les pin’s se regroupent sous les rangées About et la note adhésive se place sous la liste. Les pin’s, la note et les intitulés de section y sont des copies distinctes, réservées au mobile : quand vous en modifiez une, modifiez aussi sa copie pour les écrans plus grands. ### Puis-je utiliser le curseur habituel dans Pinmat ? Oui. Le curseur en émail est défini sur le breakpoint ordinateur de chaque page : retirez-le à cet endroit et les visiteurs voient leur propre curseur. Les liens, les rangées, le bouton de la note et les pin’s le changent en main qui pointe ou en infobulle d’un pin’s.