Saltar al contenido

fabrica Labs · concepto

Grainsheet

Convierte una carpeta de exportaciones en un portfolio web donde manda la retícula.

Concepto construido por fabrica. No es un producto a la venta: no hay cliente detrás, no hay empresa operando y los precios que aparecen describen un modelo, no una oferta.

Stack
Astro
Categoría
Herramienta para creativos · fotografía
Idiomas
Español · Inglés
Publicado
septiembre de 2026
Portada de Grainsheet: la página de inicio en escritorio con la versión móvil superpuesta

Casi todos los maquetadores tratan una fotografía como un bloque al que hay que meterle una imagen dentro. El resultado es previsible: recortes, recompresiones y una retícula que no era la que el fotógrafo tenía en la cabeza.

Grainsheet invierte el orden. Primero está el archivo con su proporción, y la retícula se calcula después. Fue el concepto donde más nos interesaba la parte de maquetación pura: filas justificadas por relación de aspecto, numerales que escalan con la celda y textura de grano resuelta en el propio navegador.

Para quién

Fotógrafos editoriales y de producto que exportan desde Lightroom o Capture One y hoy tienen la web en un maquetador genérico. Suben cuarenta JPG, la plataforma se los recomprime y la plantilla recorta los verticales 4:5 que son justamente su formato de trabajo.

Los tres argumentos

  1. 01

    Proporciones reales

    Lee cada archivo, guarda su relación 3:2, 4:5 o 1:1 y calcula la retícula alrededor. La aritmética sustituye a la plantilla.

  2. 02

    Orden de hoja de contactos

    Cada serie se numera 01, 02, 03 y se reordena arrastrando números. Montar una serie de treinta fotos es cosa de minutos.

  3. 03

    El archivo se respeta

    Sirve el JPG con su perfil de color intacto y solo genera tamaños. Nunca comprime por encima de lo que exportó el fotógrafo.

Precios (lógica)

Por sitio publicado y mes, con pago anual: 6 € para trescientas fotos, 12 € para dos mil con series protegidas y dos idiomas, 29 € para cinco sitios y varios autores. El límite es el número de fotos y no el de visitas, porque un reportaje que se vuelve viral no debería convertirse en una factura.

Cifras de concepto. Nada de esto está a la venta.

Diseño

Referencias

  • Sin marcas de referencia: el objeto de partida es la hoja de contactos analógica
  • La mesa de luz del laboratorio, con la lámpara fuera de cuadro
  • Numerales grandes de plata sobre negro, como los bordes de un negativo

Paleta

  • Fondooklch(10% 0.006 250)
  • Suelooklch(22.5% 0.013 245)
  • Tintaoklch(97.5% 0.003 240)
  • Plataoklch(86% 0.014 235)
  • Papeloklch(96.5% 0.004 240)

Tipografía

Display
Sora
Texto
Hanken Grotesk, con Fira Code en los datos

Qué demuestra

Lo que este concepto prueba que el estudio sabe construir.

  • Retícula justificada por proporción real de cada imagen, con filas que se recalculan solas
  • Numerales dimensionados con unidades de contenedor, de modo que crecen con la celda y no con la ventana
  • Grano y borde de luz resueltos en SVG y máscaras CSS, sin una sola imagen decorativa

Capturas

Grainsheet a 1440 px: primera pantalla de la página de inicio
Escritorio · 1440 px
Grainsheet a 375 px: primera pantalla en móvil
Móvil · 375 px

¿Uno así para tu negocio?

Grainsheet se construyó sin encargo y en abierto. Si lo que necesitas se parece, el proceso con cliente es el mismo que ves aquí: marca, copy, precios y front, con presupuesto cerrado antes de empezar.

Otros conceptos

fabrica

¿Tienes un proyecto en mente?

o
Agenda una llamada gratis

Al enviar, aceptas los Términos y la Política de Privacidad.

Hablemos.

Cuéntame tu idea: del MVP a la estrategia de crecimiento.

Respuesta rápida.

Si tienes un proyecto claro o una idea a medio cocinar, cuéntamelo. Lo peor que puede pasar es que te dé una opinión honesta.

Próximos pasos claros.

Te contesto en menos de 48 horas con una propuesta clara: qué haría, cuánto cuesta y cuánto tarda.