Openfile
DE

Pinmat

  • Neu

Ein einseitiges Portfolio, angelegt als Schreibtisch: ein Notizbuchblatt, eine Haftnotiz und Emaille-Pins, die Besucher verschieben können.

Kostenlos holenLive-Vorschau
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
Gemacht von UVFramer Expert
Kategorie
Agentur & Portfolio
Seiten
2
Zuletzt aktualisiert

Über Pinmat

Deine Arbeit auf einem Notizbuchblatt, mit Pins, die jeder verschieben will.

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.

  • 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.

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

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

Die Seiten stammen aus der Sitemap der veröffentlichten Website.

Seiten

2
  • Startseite
  • 404

Eingebaut

  • Ziehbare PinsSechs Emaille-Pins mit etwas Trägheit und einem wiederkehrenden Glanz, einer davon ein Foto-Pin
  • Emaille-CursorEin Pfeil, der zur zeigenden Hand wird, daneben der Hinweis jedes Pins wie von einem Beschriftungsgerät
  • Aufbau beim LadenJedes Objekt kommt an wie auf einem echten Schreibtisch, in etwa drei Sekunden
  • Formular auf der HaftnotizEin funktionierendes E-Mail-Formular auf einer Notiz, die flattert, als würde ein Ventilator auf sie blasen
  • MatGridEine Code-Komponente, die nur ganze Zellen zeichnet und einen Block freiräumen kann, wie auf der 404-Seite
  • Reduzierte BewegungAuf der ganzen Website berücksichtigt

Designsystem

  • SchriftenSpace Mono, Inter Display, Instrument Sans
  • Farbpalette
  • Farbstile17
  • Textstile12
  • BreakpointsDesktop, Tablet und Smartphone

Mit dabei

  • Das TemplateEin Framer-Remix-Link
  • UpdatesLebenslang
  • Framer ProDrei 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.

CMS

  • Projekte8 Einträge zum Loslegen

Was die Lizenz dir erlaubt

Kostenlos

Kostenlos

  • 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.
  • 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

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.

Weitere Templates

Alle Templates
Alle Templates

Pinmat

Kostenlos holen