Motor de portafolio
Curatea una vez. Publica en todas partes.
Gestiona colecciones desde un solo dashboard y muéstralas al instante como galerías, relatos, páginas de portafolio y experiencias de visualización inmersivas en tu sitio web.
Editor GrapesJS
Portfolio blocks in the editor
Los bloques de la categoría Portfolio (más Portfolio Hero y Before/After) son de primera clase en el editor visual — cada uno expone traits para medios, layout y presentación. Elige un bloque y luego un modo de layout para ver cómo la vista previa del canvas se mapea al comportamiento enviado.
Layout / display modes (traits)
Portfolio
URL de galería pública
Páginas de portafolio dedicadas
Cada colección puede vivir en tu dominio como una página de galería dedicada, fácil de marcar, compartir y volver a visitar para los clientes. Los layouts de abajo muestran cómo se sienten de verdad el proofing, los archivos y el marketing de portafolio para los visitantes.
Design family
Layout
Layouts impulsados por selección con un escenario principal y navegación por miniaturas.
Portfolio engine
Dedicated public gallery URLs with zero-runtime-latency rendering for premium photography and media delivery.
Organize collections into three design families—grid galleries, immersive browsing, and chronological timelines—each tuned for how clients review work.
Public portfolio pages →
Panel de imagen emparejado con un panel de lectura de captions. Títulos y descripciones largos permanecen visibles junto al fotograma.
Presentación con motion
Plantillas de portafolio animadas
Cuando un grid estático no basta, las plantillas de motion presentan tu trabajo con profundidad, movimiento y un fotograma hero claro. Mismo dominio, misma marca. Las vistas previas en vivo de abajo coinciden con lo que ven los visitantes en páginas de portafolio publicadas.
Presentation model
Template
Layouts de carousel lineal con profundidad y vistas previas laterales.
Ruta horizontal con vistas previas laterales rotatorias. La bandeja curva baja un poco bajo el escenario para que los flancos se lean a izquierda y derecha.
Lo que impulsa el motor de portafolio
Capacidades de runtime y editor en las que te apoyas cada semana — no una lista de buzzwords, sino las superficies sobre las que viajan el ingreso y la confianza del cliente.
Medios y presentación
Motor de renderizado
Grids, carouseles, masonry y storytelling hero comparten srcsets responsive, paginación y valores de rendimiento por defecto afinados para galerías reales. No páginas demo que se derrumban bajo bibliotecas reales.
Medios y presentación
Sistema de lightbox
Geometría, presets, captions, miniaturas, zoom y rutas de vídeo se comportan igual en embeds, PDPs y páginas de marketing de scroll largo. Así la experiencia de visualización coincide con el oficio — no un popup genérico.
Distribución y escala
Capa de embedding
Una historia de portafolio corre en páginas del sitio, blogs, superficies de cliente y contextos de comercio sin reconstruir tres experiencias. Curatea una vez; reutiliza en todas partes donde el producto conecta.
Distribución y escala
Listados y bibliotecas grandes
Portfolio Listing compone embeds hijos por cada galería; layouts grid, list y tab mantienen la navegación obvia a medida que crecen las colecciones. Cada hijo conserva sus propios traits de visualización mientras el padre controla la presentación.
Editor y pegamento de producto
Composición GrapesJS
Los bloques se registran con tipos de componente, sidebars de traits y vistas previas de canvas para que los autores configuren comportamiento en lugar de pegar códigos embed. El editor se mantiene alineado con lo que se envía.
Distribución y escala
Páginas de galería pública
Convierte cualquier colección de medios en un destino de cliente totalmente con marca usando experiencias de layout a medida pensadas para flujos de negocio específicos. Elige entre layouts de proofing, archivos cronológicos o grids adaptativos.
Antes de una plataforma conectada
- Código de galería distinto en el sitio de marketing vs. la entrega al cliente
- Lightbox que ignora móviles, captions o EXIF cuando importa
- Embeds que se rompen al cambiar una URL de CDN
Después de estandarizarte aquí
- Un renderizador de portafolio en embeds, sitio y superficies orientadas al cliente
- Comportamiento de lightbox que coincide con el momento — revisión, espectáculo o mobile sheet
- Curatea una vez; reutiliza layouts sin reconstruir tres experiencias
Presentación de alto rendimiento
YARL
Visualización en lightbox
Descripciones, zoom, miniaturas y rutas de vídeo para series premium
Páginas de portafolio con acabado editorial, transiciones suaves y visualización inmersiva, construidas sobre primitivas de motion, lightbox y carrusel.
Swipe sideways for more
Sistemas de galería que publican y presentan
Los flujos mueven una colección de URL a página a lightbox. Los clústeres aportan profundidad de layout, privacidad y presentación.
Publicar una URL de galería
Activa Public gallery, define un slug, afina el layout en Settings → Portfolio (o sobrescribe por colección) y comparte el enlace en vivo para proofing o marketing.
Crea Private para entrega; mantén Public para marketing
Al crear, elige Private para almacenamiento solo-cliente y entrega por portal o descarga, o Public para páginas del sitio, embeds y la ruta CDN. El almacenamiento se define en la subida.
Componer en GrapesJS
Suelta bloques de portafolio en secciones y columnas; elige portafolios, layouts y medios desde traits en lugar de código embed puntual.
Afinar el layout por bloque
Image Portfolio expone grid, masonry, carousel y hero; Portfolio Listing añade shells grid, list y tab con embeds hijos para visualización por galería.
Abrir el lightbox
Presets, captions, miniaturas, contador, zoom y rutas de vídeo se mantienen coherentes tanto si la historia vive en un PDP, un blog o una página de marketing.
Enviar por el mismo pipeline
HTML de página guardado, marcadores SSR y superficies React hidratadas se alinean para que lo que editas sea lo que renderiza el sitio público — sin un stack de galería paralelo.
Cada layout es una decisión sobre la atención — no una piel sobre el mismo grid.
- Layouts de presentación
- Grid, masonry, carousel, hero, before/after y centrados en vídeo.
- Visualización enfocada
- Split pane, book spread y stage carousel para revisión de uno en uno.
- Secciones timeline
- Agrupadas por fecha de sesión para archivos e historias de viaje.
- Hero de portada
- Banner completo, banner corto o ninguno — opcional por colección.
- Modos de paginación
- Pensados para bibliotecas grandes — claridad sobre scroll infinito por defecto.
- EXIF y metadatos
- Se muestran donde apoyan la historia, no como ruido.
Continuity across the business
The difference isn't one feature. It's what happens when publishing, commerce, media, and delivery stop behaving like separate products or plugins.
Los portafolios se leen como páginas estáticas
se leen como experiencias con geometría de visualización intencional
El lightbox es un popup genérico
se convierte en un sistema con presets, captions y rendimiento en el que puedes confiar
Las galerías solo existen como bloques de layout dentro de un page builder
cada colección de medios es nativamente capaz de impulsar su propia experiencia de marca premium e independiente
Los portafolios se leen como páginas estáticas
se leen como experiencias con geometría de visualización intencional
El lightbox es un popup genérico
se convierte en un sistema con presets, captions y rendimiento en el que puedes confiar
Las galerías solo existen como bloques de layout dentro de un page builder
cada colección de medios es nativamente capaz de impulsar su propia experiencia de marca premium e independiente
Ready when you are
Compare plans, then bring this surface online with the rest of your creative operating system.