# Pinmat URL canónica: https://openfile.pro/es/template/pinmat Un portafolio de una sola página dispuesto como una mesa de trabajo: una hoja de cuaderno, una nota adhesiva y pines esmaltados que los visitantes pueden mover. Pinmat es una plantilla de Framer gratuita para el portafolio de un diseñador o un creador, dispuesta como una mesa de trabajo: una hoja de cuaderno rayada sobre una plancha de corte verde, con una nota adhesiva para los mensajes y pines esmaltados que los visitantes pueden arrastrar. Sus 2 páginas son la página de inicio, que lo reúne todo en una sola página, y una página 404, con todas las filas en el CMS. - Categoría: [Agencia y portafolio](https://openfile.pro/es/templates/agency-portfolio) - Precio: Gratis - Licencia gratuita: Gratis (Tus propios sitios y trabajos para clientes) - Páginas: 2 - Colecciones del CMS: 1 - Breakpoints: 3 - Lanzamiento: 2026-11-03 - Última actualización: 2026-11-03 - Vista previa en vivo: https://pinmat.framer.website Deja tu correo y te enviamos el enlace de remix. Framer copia el sitio en tu espacio de trabajo, y basta con una cuenta gratuita de Framer. ![Pinmat sobre una plancha de corte verde: una hoja de cuaderno rayada sujeta a una carpeta de papel kraft, con filas bajo Work, Projects, Playground y Find Me, una nota adhesiva, «Come work with me», y pines esmaltados alrededor](https://openfile.pro/media/pinmat/listing-1-social.9a317fe6.jpg) ![Pinmat en dos móviles: la hoja con sus pines esmaltados agrupados bajo About, y las filas hasta la nota adhesiva, «Come work with me»](https://openfile.pro/media/pinmat/listing-2.31e0136a.webp) ![Pinmat en una ventana del navegador: la hoja de cuaderno sobre la plancha de corte, sus filas de trabajos y proyectos, con una nota adhesiva y pines esmaltados en sus bordes](https://openfile.pro/media/pinmat/listing-3.0bf6aedb.webp) ## Tu trabajo en una hoja de cuaderno, con pines que dan ganas de mover. Pinmat es un portafolio de una sola página para un diseñador o un creador que parece una mesa de trabajo: una hoja de cuaderno rayada sujeta a una carpeta de papel kraft sobre una plancha de corte verde, con una página mecanografiada, un clip, una pinza sujetapapeles, cinta washi y un cerco de café. Cada elemento es una línea del cuaderno, agrupada en Work, Projects, Playground y Find Me. Seis pines esmaltados rodean la hoja y se pueden arrastrar a cualquier parte, cada uno con su propio aviso al estilo de etiquetadora junto al cursor, que también es un pin esmaltado. Una nota adhesiva contiene el formulario de contacto, y una página 404 conserva la misma plancha. Usa las tipografías Space Mono, Inter Display e Instrument Sans, con una nota manuscrita. ### Pensada para - Diseñadores de producto, de UI y de marca - Desarrolladores e ingenieros de diseño con proyectos personales - Estudiantes y personas en busca de trabajo que quieren un currículum que la gente recuerde ### Ideal para - Diseñadores que quieren un portafolio con personalidad - Desarrolladores con algunos productos y proyectos personales - Estudiantes y personas en busca de trabajo que preparan un currículum que la gente recuerde ### No es para - Estudios que necesitan una página para cada caso de estudio - Escritores que necesitan un blog ### Considera también - [Ellery](https://openfile.pro/es/template/ellery): Un sitio personal tranquilo para un diseñador o un creador: quién eres, qué has hecho y qué has escrito. - [Lola](https://openfile.pro/es/template/lola): Un sitio para un pequeño estudio de diseño que hace sitios web, marcas y piezas gráficas. ### Una mesa que se monta sola Al cargar, la carpeta se desliza sobre la plancha, las hojas salen de ella, los clips se cierran con un chasquido, la nota adhesiva se pega de un golpe y los pines se clavan uno a uno. ### Pines que se mueven y hablan Seis pines esmaltados con bordes dorados y un brillo lento se pueden arrastrar a cualquier parte. Cada uno muestra su propio aviso al estilo de etiquetadora, como «PSST. I MOVE.», y uno es un pin con foto para tu retrato. ### Filas desde el CMS Una sola colección Proyectos guarda todas las filas: un nombre, una descripción de una línea, un logo, un enlace y su sección, Work, Projects o Playground. Cada entrada nueva es una línea nueva en la hoja. ## Escritorio, tableta y móvil La página de inicio de Pinmat en cada breakpoint, capturada del sitio publicado. Cada diseño está ajustado por separado, no reducido a escala. - Escritorio, 1440 píxeles - Tableta, 810 píxeles - Móvil, 390 píxeles ## Todo lo que incluye Pinmat ### Páginas - Inicio: / - Error 404: /404 ### CMS - Proyectos: 8 entradas para empezar ### Sistema de diseño - Tipografías: Space Mono, Inter Display, Instrument Sans - Paleta: #FCFBFC, #1E6846, #E2CA7E, #D9D7CD, #869A77 - Estilos de color: 17 - Estilos de texto: 12 - Breakpoints: Escritorio, tableta y móvil ### De serie - Pines arrastrables: Seis pines esmaltados con un poco de inercia y un brillo en bucle, uno de ellos un pin con foto - Cursor esmaltado: Una flecha que se convierte en una mano que señala, con el aviso al estilo de etiquetadora de cada pin a su lado - Animación de entrada: Cada objeto llega como lo haría a una mesa de verdad, en unos tres segundos - Formulario en nota adhesiva: Un formulario de correo que funciona, en una nota que se agita como si le diera un ventilador - MatGrid: Un componente de código que dibuja solo celdas completas y puede despejar un bloque, como en la página 404 - Movimiento reducido: Se respeta en todo el sitio ### Incluye - La plantilla: Un enlace de remix de Framer - Actualizaciones: De por vida - Framer Pro: Tres meses con un plan anual cuando publicas ### Conviene saber - Las filas, los logos, el nombre y el retrato son los de UV, mostrados como ejemplo para que los sustituyas. Todas las filas de Find Me llevan a openfile.pro. - Las imágenes para compartir y el favicon llevan el aspecto de ejemplo, así que sustitúyelos cuando hayas hecho tuya la plantilla. ## Lo que te permite la licencia ### Licencia gratuita: Gratis Tus propios sitios y trabajos para clientes #### Puedes - Usarla en tus propios sitios, incluidos los comerciales. - Usarla en trabajos para clientes, como parte de un sitio que construyas para ellos. - Modificar cualquier parte de ella. #### No puedes - Vender, compartir o regalar la plantilla en sí. - Publicarla en otro marketplace o sitio de plantillas. - Usarla para crear plantillas o componentes que compitan con ella. - Presentarla como obra original tuya. Un resumen sencillo. El texto vinculante son los Community Terms de Framer, y la página de la licencia explica ambos. [Lee la licencia](https://openfile.pro/es/licence) ## Antes de comprar ### ¿Qué recibo con Pinmat? El sitio completo como proyecto de Framer: 2 páginas, 1 colección del CMS, con diseño para escritorio, tableta y móvil. Deja tu correo y te enviamos el enlace de remix; Framer copia el sitio en tu espacio de trabajo. ### ¿Cómo la hago mía? 1. Haz un remix de la plantilla. 2. Edita las filas de la colección Proyectos: el campo Section decide la lista, y los logos quedan mejor como imágenes cuadradas. 3. Cambia el nombre y el cargo en la cabecera de la hoja, y sustituye la imagen del pin con foto por la tuya. 4. Los pines, la nota adhesiva y las etiquetas de sección tienen cada uno una copia para móvil y otra para pantallas más grandes: cambia las dos. 5. Apunta el formulario de la nota adhesiva a tu propia bandeja de entrada y las filas de Find Me a tus perfiles, y publica. ### ¿Necesito escribir código? No. Los textos, las imágenes, los colores y las entradas del CMS se editan directamente en el editor de Framer. ### ¿Puedo usarla en más de un sitio web? La licencia gratuita cubre tus propios sitios y trabajos para clientes. Los detalles están en la página de la licencia. ### ¿Y si me atasco? Escribe a support@openfile.pro. Las respuestas llegan en un plazo de 48 horas en días laborables, y el soporte cubre las dudas de configuración y los errores de la plantilla. ### ¿De verdad los visitantes pueden mover los pines de Pinmat? Sí. Los seis pines esmaltados se pueden arrastrar a cualquier parte de la mesa con un poco de inercia, crecen ligeramente al pasar el cursor y al pulsarlos, y les pasa un brillo cada ocho a diez segundos. Cada uno tiene su propio aviso al estilo de etiquetadora junto al cursor, que se oculta mientras se arrastra el pin. Uno es un pin con foto para tu retrato. ### ¿Pinmat funciona en móviles? Sí, en anchos de escritorio, tableta y móvil. En un móvil, los pines se agrupan bajo las filas de About y la nota adhesiva queda debajo de la lista. Son copias para móvil aparte de los pines, la nota y las etiquetas de sección, así que cuando cambies una, cambia también su copia para pantallas más grandes. ### ¿Puedo usar el cursor normal en Pinmat? Sí. El cursor esmaltado está configurado en el breakpoint de escritorio de cada página: quítalo ahí y los visitantes verán su propio cursor. Los enlaces, las filas, el botón de la nota y los pines lo cambian a una mano que señala o al aviso de un pin.