Openfile
ES

Pinmat

  • Novedad

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.

Sobre Pinmat

Tu trabajo en una hoja de cuaderno, con pines que dan ganas de 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.

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

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

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

Las páginas se listan a partir del propio mapa del sitio publicado.

Páginas

2
  • Inicio
  • Error 404

De serie

  • Pines arrastrablesSeis pines esmaltados con un poco de inercia y un brillo en bucle, uno de ellos un pin con foto
  • Cursor esmaltadoUna 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 entradaCada objeto llega como lo haría a una mesa de verdad, en unos tres segundos
  • Formulario en nota adhesivaUn formulario de correo que funciona, en una nota que se agita como si le diera un ventilador
  • MatGridUn componente de código que dibuja solo celdas completas y puede despejar un bloque, como en la página 404
  • Movimiento reducidoSe respeta en todo el sitio

Sistema de diseño

  • TipografíasSpace Mono, Inter Display, Instrument Sans
  • Paleta#FCFBFC#1E6846#E2CA7E#D9D7CD#869A77
  • Estilos de color17
  • Estilos de texto12
  • BreakpointsEscritorio, tableta y móvil

Incluye

  • La plantillaUn enlace de remix de Framer
  • ActualizacionesDe por vida
  • Framer ProTres 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.

CMS

  • Proyectos8 entradas para empezar

Lo que te permite la licencia

Gratis

Gratis

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

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.