# Pinmat Kanonische URL: https://openfile.pro/de/template/pinmat Ein einseitiges Portfolio, angelegt als Schreibtisch: ein Notizbuchblatt, eine Haftnotiz und Emaille-Pins, die Besucher verschieben können. Pinmat ist ein kostenloses Framer-Portfolio für alle, die gestalten oder bauen, angelegt als Schreibtisch: ein liniertes Notizbuchblatt auf einer grünen Schneidematte, mit einer Haftnotiz für Nachrichten und Emaille-Pins, die Besucher ziehen können. Seine 2 Seiten sind die einseitige Startseite und eine 404-Seite, und jede Zeile liegt im CMS. - Kategorie: [Agentur & Portfolio](https://openfile.pro/de/templates/agency-portfolio) - Preis: Kostenlos - Gratis-Lizenz: Kostenlos (Deine eigenen Websites und Kundenprojekte) - Seiten: 2 - CMS-Sammlungen: 1 - Breakpoints: 3 - Veröffentlicht: 2026-11-03 - Zuletzt aktualisiert: 2026-11-03 - Live-Vorschau: https://pinmat.framer.website Hinterlass deine E-Mail-Adresse, und der Remix-Link wird dir dorthin geschickt. Framer kopiert die Website in deinen Workspace, und ein kostenloser Framer-Account reicht aus. ![Pinmat auf einer grünen Schneidematte: ein liniertes Notizbuchblatt, an eine Aktenmappe aus Kraftpapier geklemmt, mit Zeilen unter Work, Projects, Playground und Find Me, einer Haftnotiz, „Come work with me“, und Emaille-Pins ringsum](https://openfile.pro/media/pinmat/listing-1-social.9a317fe6.jpg) ![Pinmat auf zwei Smartphones: das Blatt mit seinen Emaille-Pins, unter About gesammelt, und die Zeilen bis hinunter zur Haftnotiz, „Come work with me“](https://openfile.pro/media/pinmat/listing-2.31e0136a.webp) ![Pinmat in einem Browserfenster: das Notizbuchblatt auf der Schneidematte, seine Zeilen mit Arbeiten und Projekten, mit einer Haftnotiz und Emaille-Pins an seinen Rändern](https://openfile.pro/media/pinmat/listing-3.0bf6aedb.webp) ## Deine Arbeit auf einem Notizbuchblatt, mit Pins, die jeder verschieben will. Pinmat ist ein einseitiges Portfolio für alle, die gestalten oder bauen, und sieht aus wie ein Schreibtisch: ein liniertes Notizbuchblatt, an eine Aktenmappe aus Kraftpapier geklemmt, auf einer grünen Schneidematte, mit einer getippten Seite, einer Büroklammer, einer Foldback-Klammer, Washi-Tape und einem Kaffeerand. Jeder Punkt ist eine Zeile im Notizbuch, gruppiert in Work, Projects, Playground und Find Me. Sechs Emaille-Pins stecken rund um das Blatt und lassen sich überallhin ziehen, jeder mit einem eigenen Hinweis wie von einem Beschriftungsgerät neben dem Cursor, der ebenfalls ein Emaille-Pin ist. Eine Haftnotiz trägt das Kontaktformular, und eine 404-Seite behält dieselbe Matte. Pinmat ist in Space Mono, Inter Display und Instrument Sans gesetzt, mit einer handschriftlichen Notiz. ### Gemacht für - Produkt-, UI- und Branddesigner - Entwickler und Design Engineers mit Nebenprojekten - Studierende und Jobsuchende, die einen Lebenslauf wollen, an den man sich erinnert ### Ideal für - Designer, die ein Portfolio mit Persönlichkeit wollen - Entwickler mit ein paar Produkten und Nebenprojekten - Studierende und Jobsuchende, die einen Lebenslauf gestalten, an den man sich erinnert ### Nicht für - Studios, die für jede Case Study eine eigene Seite brauchen - Autoren, die einen Blog brauchen ### Alternativen - [Ellery](https://openfile.pro/de/template/ellery): Eine ruhige persönliche Website für alle, die gestalten oder bauen: wer du bist, was du gemacht hast und was du geschrieben hast. - [Lola](https://openfile.pro/de/template/lola): Eine Website für ein kleines Designstudio, das Websites, Marken und Grafiken gestaltet. ### Ein Schreibtisch, der sich selbst aufbaut Beim Laden gleitet die Mappe auf die Matte, die Blätter rutschen aus ihr heraus, die Klammern schnappen zu, die Haftnotiz wird hingeklatscht, und die Pins werden einer nach dem anderen eingedrückt. ### Pins, die sich bewegen und sprechen Sechs Emaille-Pins mit Goldrand und langsamem Glanz lassen sich überallhin ziehen. Jeder zeigt einen eigenen Hinweis wie von einem Beschriftungsgerät, etwa „PSST. I MOVE.“, und einer ist ein Foto-Pin für dein Porträt. ### Zeilen aus dem CMS Eine Sammlung „Projekte“ enthält alle Zeilen: einen Namen, eine einzeilige Beschreibung, ein Logo, einen Link und den Bereich, Work, Projects oder Playground. Ein neuer Eintrag ist eine neue Zeile auf dem Blatt. ## Desktop, Tablet und Smartphone Die Startseite von Pinmat in jedem Breakpoint, aufgenommen von der veröffentlichten Website. Jedes Layout ist einzeln angelegt, nicht herunterskaliert. - Desktop, 1440 Pixel - Tablet, 810 Pixel - Smartphone, 390 Pixel ## Alles in Pinmat ### Seiten - Startseite: / - 404: /404 ### CMS - Projekte: 8 Einträge zum Loslegen ### Designsystem - Schriften: Space Mono, Inter Display, Instrument Sans - Farbpalette: #FCFBFC, #1E6846, #E2CA7E, #D9D7CD, #869A77 - Farbstile: 17 - Textstile: 12 - Breakpoints: Desktop, Tablet und Smartphone ### Eingebaut - Ziehbare Pins: Sechs Emaille-Pins mit etwas Trägheit und einem wiederkehrenden Glanz, einer davon ein Foto-Pin - Emaille-Cursor: Ein Pfeil, der zur zeigenden Hand wird, daneben der Hinweis jedes Pins wie von einem Beschriftungsgerät - Aufbau beim Laden: Jedes Objekt kommt an wie auf einem echten Schreibtisch, in etwa drei Sekunden - Formular auf der Haftnotiz: Ein funktionierendes E-Mail-Formular auf einer Notiz, die flattert, als würde ein Ventilator auf sie blasen - MatGrid: Eine Code-Komponente, die nur ganze Zellen zeichnet und einen Block freiräumen kann, wie auf der 404-Seite - Reduzierte Bewegung: Auf der ganzen Website berücksichtigt ### Mit dabei - Das Template: Ein Framer-Remix-Link - Updates: Lebenslang - Framer Pro: Drei Monate bei einem Jahresplan, wenn du veröffentlichst ### Gut zu wissen - Die Zeilen, Logos, der Name und das Porträt stammen von UV selbst und sind als Beispiele zu sehen, die du ersetzt. Die Zeilen unter Find Me führen alle zu openfile.pro. - Die Vorschaubilder zum Teilen und das Favicon tragen den Look des Beispiels, ersetze sie also, sobald du das Template zu deinem gemacht hast. ## Was die Lizenz dir erlaubt ### Gratis-Lizenz: Kostenlos Deine eigenen Websites und Kundenprojekte #### Du darfst - Es für deine eigenen Websites nutzen, auch für kommerzielle. - Es für Kundenprojekte nutzen, als Teil einer Website, die du für deine Kunden baust. - Alles daran ändern. #### Du darfst nicht - Das Template selbst verkaufen, teilen oder verschenken. - Es auf einem anderen Marktplatz oder einer anderen Template-Website veröffentlichen. - Damit Templates oder Komponenten erstellen, die mit ihm konkurrieren. - Es als deine eigene Originalarbeit ausgeben. Eine Zusammenfassung in einfachen Worten. Verbindlich sind die Community Terms von Framer, und die Lizenzseite erklärt beides. [Lizenz lesen](https://openfile.pro/de/licence) ## Vor dem Kauf ### Was bekomme ich mit Pinmat? Die komplette Website als Framer-Projekt: 2 Seiten, 1 CMS-Sammlung, mit Layouts für Desktop, Tablet und Smartphone. Hinterlass deine E-Mail-Adresse, und der Remix-Link wird dir dorthin geschickt; Framer kopiert die Website in deinen Workspace. ### Wie mache ich daraus meine eigene Website? 1. Remixe das Template. 2. Bearbeite die Zeilen in der Sammlung „Projekte“: Das Feld „Section“ bestimmt die Liste, und Logos wirken als quadratische Kacheln am besten. 3. Ändere Name und Rolle im Kopf des Blatts, und tausche das Bild des Foto-Pins gegen dein eigenes. 4. Die Pins, die Haftnotiz und die Bereichsbeschriftungen haben jeweils eine Kopie für Smartphones und eine für größere Bildschirme: Ändere beide. 5. Leite das Formular der Haftnotiz an dein eigenes Postfach und die Zeilen unter Find Me zu deinen Profilen, und veröffentliche dann. ### Muss ich Code schreiben? Nein. Texte, Bilder, Farben und CMS-Einträge bearbeitest du alle direkt im Framer-Editor. ### Kann ich es für mehr als eine Website nutzen? Die Gratis-Lizenz gilt für deine eigenen Websites und Kundenprojekte. Alle Details findest du auf der Lizenzseite. ### Was, wenn ich nicht weiterkomme? Schreib an support@openfile.pro. Du bekommst montags bis freitags innerhalb von 48 Stunden eine Antwort, und Fragen zur Einrichtung und Fehler im Template sind abgedeckt. ### Können Besucher die Pins von Pinmat wirklich verschieben? Ja. Die sechs Emaille-Pins lassen sich mit etwas Trägheit überallhin auf dem Schreibtisch ziehen, werden beim Hovern und Drücken etwas größer und fangen alle acht bis zehn Sekunden einen Glanz ein. Neben dem Cursor zeigt jeder einen eigenen Hinweis wie von einem Beschriftungsgerät, der verschwindet, solange der Pin gezogen wird. Einer ist ein Foto-Pin für dein Porträt. ### Funktioniert Pinmat auf Smartphones? Ja, in den Breiten für Desktop, Tablet und Smartphone. Auf einem Smartphone sammeln sich die Pins unter den About-Zeilen, und die Haftnotiz sitzt unter der Liste. Das sind eigene Smartphone-Kopien der Pins, der Notiz und der Bereichsbeschriftungen: Wenn du eine davon änderst, ändere also auch ihre Kopie für größere Bildschirme. ### Kann ich in Pinmat den normalen Cursor verwenden? Ja. Der Emaille-Cursor ist am Desktop-Breakpoint jeder Seite gesetzt: Entfernst du ihn dort, sehen Besucher ihren eigenen Cursor. Links, Zeilen, der Button der Notiz und die Pins machen ihn zu einer zeigenden Hand oder zum Hinweis eines Pins.