{"id":381,"date":"2023-04-19T15:06:41","date_gmt":"2023-04-19T15:06:41","guid":{"rendered":"https:\/\/www.quanstudios.com\/what-you-should-know-when-making-a-showcase-for-your-products\/"},"modified":"2026-03-16T13:22:54","modified_gmt":"2026-03-16T13:22:54","slug":"what-you-should-know-when-making-a-showcase-for-your-products","status":"publish","type":"post","link":"https:\/\/www.quanstudios.com\/en\/what-you-should-know-when-making-a-showcase-for-your-products\/","title":{"rendered":"\u00bfQu\u00e9 son los motion graphics? Gu\u00eda completa para marcas"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"381\" class=\"elementor elementor-381\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240f3bb e-flex e-con-boxed e-con e-parent\" data-id=\"240f3bb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-740afde elementor-widget elementor-widget-html\" data-id=\"740afde\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  #qs-article,\r\n  #qs-article * { box-sizing: border-box; }\r\n\r\n  #qs-article {\r\n    font-family: 'Barlow', sans-serif !important;\r\n    color: #1a1a2e !important;\r\n    max-width: 960px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 32px 60px !important;\r\n  }\r\n\r\n  \/* Meta header *\/\r\n  #qs-article .qs-meta {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 16px !important;\r\n    flex-wrap: wrap !important;\r\n    margin-bottom: 28px !important;\r\n    padding-top: 36px !important;\r\n  }\r\n\r\n  #qs-article .qs-tag {\r\n    font-family: 'Barlow Condensed', sans-serif !important;\r\n    font-size: 10px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0.2em !important;\r\n    text-transform: uppercase !important;\r\n    color: #ffffff !important;\r\n    background: #000B4C !important;\r\n    padding: 4px 12px !important;\r\n    display: inline-block !important;\r\n  }\r\n\r\n  #qs-article .qs-kw {\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    color: #7c3aed !important;\r\n    border: 1px solid #ddd6fe !important;\r\n    padding: 3px 10px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  #qs-article .qs-read {\r\n    font-size: 11px !important;\r\n    color: #999 !important;\r\n    margin-left: auto !important;\r\n  }\r\n\r\n  \/* H1 *\/\r\n  #qs-article h1 {\r\n    font-family: 'Barlow Condensed', sans-serif !important;\r\n    font-size: clamp(32px, 5vw, 52px) !important;\r\n    font-weight: 900 !important;\r\n    text-transform: uppercase !important;\r\n    color: #000B4C !important;\r\n    line-height: 1.0 !important;\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: -0.01em !important;\r\n  }\r\n\r\n  #qs-article h1 em {\r\n    font-style: normal !important;\r\n    color: #7c3aed !important;\r\n  }\r\n\r\n  \/* Intro destacada *\/\r\n  #qs-article .qs-intro {\r\n    font-size: 20px !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.8 !important;\r\n    color: #444 !important;\r\n    border-left: 3px solid #F0ABFC !important;\r\n    padding-left: 20px !important;\r\n    margin: 0 0 36px 0 !important;\r\n  }\r\n\r\n  \/* H2 *\/\r\n  #qs-article h2 {\r\n    font-family: 'Barlow Condensed', sans-serif !important;\r\n    font-size: clamp(22px, 3vw, 30px) !important;\r\n    font-weight: 900 !important;\r\n    text-transform: uppercase !important;\r\n    color: #000B4C !important;\r\n    line-height: 1.1 !important;\r\n    margin: 44px 0 14px 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: 0.01em !important;\r\n  }\r\n\r\n  \/* H3 *\/\r\n  #qs-article h3 {\r\n    font-family: 'Barlow Condensed', sans-serif !important;\r\n    font-size: 18px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    color: #3b0764 !important;\r\n    margin: 28px 0 10px 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: 0.04em !important;\r\n  }\r\n\r\n  \/* Body text *\/\r\n  #qs-article p {\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.85 !important;\r\n    color: #2d2d2d !important;\r\n    margin: 0 0 18px 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* Lists *\/\r\n  #qs-article ul {\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 0 0 0 20px !important;\r\n    list-style: none !important;\r\n  }\r\n\r\n  #qs-article ul li {\r\n    font-size: 17px !important;\r\n    line-height: 1.8 !important;\r\n    color: #2d2d2d !important;\r\n    margin-bottom: 10px !important;\r\n    padding-left: 16px !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  #qs-article ul li::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    left: 0 !important;\r\n    top: 10px !important;\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n    border-radius: 50% !important;\r\n    background: #F0ABFC !important;\r\n  }\r\n\r\n  #qs-article ol {\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 0 0 0 24px !important;\r\n  }\r\n\r\n  #qs-article ol li {\r\n    font-size: 16px !important;\r\n    line-height: 1.75 !important;\r\n    color: #2d2d2d !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  #qs-article ol li::marker {\r\n    color: #7c3aed !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Blockquote destacado *\/\r\n  #qs-article blockquote {\r\n    background: #f5f3ff !important;\r\n    border-left: 4px solid #000B4C !important;\r\n    margin: 28px 0 !important;\r\n    padding: 20px 24px !important;\r\n    font-size: 17px !important;\r\n    font-weight: 400 !important;\r\n    font-style: italic !important;\r\n    color: #3b0764 !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  \/* Separador *\/\r\n  #qs-article hr {\r\n    border: none !important;\r\n    border-top: 1px solid #e8e0f5 !important;\r\n    margin: 36px 0 !important;\r\n  }\r\n\r\n  \/* Tags finales *\/\r\n  #qs-article .qs-tags {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 8px !important;\r\n    margin-top: 40px !important;\r\n  }\r\n\r\n  #qs-article .qs-tags span {\r\n    font-size: 11px !important;\r\n    color: #7c3aed !important;\r\n    border: 1px solid #ddd6fe !important;\r\n    padding: 4px 12px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n<\/style>\r\n\r\n<article id=\"qs-article\">\r\n\r\n  <!-- Meta -->\r\n  <div class=\"qs-meta\">\r\n    <span class=\"qs-tag\">Motion Graphics<\/span>\r\n    <span class=\"qs-kw\">motion graphics<\/span>\r\n    <span class=\"qs-kw\">motion design<\/span>\r\n    <span class=\"qs-read\">8 min de lectura<\/span>\r\n  <\/div>\r\n\r\n  <!-- H1 -->\r\n  <h1>\u00bfQu\u00e9 son los <em>motion graphics<\/em>?<br>Gu\u00eda completa para marcas<\/h1>\r\n\r\n  <!-- Intro -->\r\n  <p class=\"qs-intro\">Los motion graphics son hoy uno de los formatos de comunicaci\u00f3n visual m\u00e1s efectivos para marcas, empresas y equipos creativos. Si quieres saber exactamente qu\u00e9 son, c\u00f3mo se producen y por qu\u00e9 funcionan tan bien, esta gu\u00eda lo explica todo.<\/p>\r\n\r\n  <!-- Secci\u00f3n 1 -->\r\n  <h2>Definici\u00f3n: \u00bfqu\u00e9 son exactamente los motion graphics?<\/h2>\r\n\r\n  <p>Los <strong>motion graphics<\/strong> \u2014tambi\u00e9n llamados gr\u00e1ficos en movimiento o motion design\u2014 son piezas audiovisuales que combinan dise\u00f1o gr\u00e1fico, tipograf\u00eda, ilustraci\u00f3n y animaci\u00f3n para comunicar un mensaje de forma din\u00e1mica y visualmente atractiva. A diferencia del v\u00eddeo convencional, no necesitan actores ni rodajes: el contenido es completamente dise\u00f1ado y animado.<\/p>\r\n\r\n  <p>La definici\u00f3n m\u00e1s sencilla ser\u00eda: <em>dise\u00f1o gr\u00e1fico que se mueve con intenci\u00f3n narrativa<\/em>. Pero eso no hace justicia a la disciplina. Los motion graphics combinan habilidades de dise\u00f1o, storytelling, sound design y t\u00e9cnica de animaci\u00f3n para crear piezas que informan, persuaden o emocionan.<\/p>\r\n\r\n  <blockquote>\r\n    \"Un buen motion graphic no es solo algo bonito que se mueve. Es un argumento visual construido con precisi\u00f3n: cada transici\u00f3n, cada timing y cada color est\u00e1 ah\u00ed por una raz\u00f3n.\"\r\n  <\/blockquote>\r\n\r\n  <p>El t\u00e9rmino engloba desde una animaci\u00f3n de 15 segundos para Instagram hasta un explainer de 90 segundos para la home de una SaaS, pasando por una cinem\u00e1tica de videojuego, una infograf\u00eda animada o el packaging gr\u00e1fico de un programa de televisi\u00f3n.<\/p>\r\n\r\n  <!-- Secci\u00f3n 2 -->\r\n  <h2>Motion graphics vs animaci\u00f3n: \u00bfen qu\u00e9 se diferencian?<\/h2>\r\n\r\n  <p>Es una de las preguntas m\u00e1s frecuentes. La confusi\u00f3n es l\u00f3gica porque ambos utilizan fotogramas y movimiento, pero el enfoque es diferente:<\/p>\r\n\r\n  <ul>\r\n    <li><strong>Motion graphics<\/strong> pone el foco en el dise\u00f1o, la tipograf\u00eda y la comunicaci\u00f3n de conceptos o datos. El movimiento es funcional: ayuda a explicar, jerarquizar y retener informaci\u00f3n.<\/li>\r\n    <li><strong>Animaci\u00f3n tradicional<\/strong> pone el foco en personajes, narrativa y emociones. El movimiento sirve para dar vida y personalidad a los elementos.<\/li>\r\n    <li>En la pr\u00e1ctica, muchos proyectos combinan ambas disciplinas. Un explainer puede tener un personaje animado (animaci\u00f3n) que interact\u00faa con datos y gr\u00e1ficos (motion graphics).<\/li>\r\n    <li>El <strong>motion design<\/strong> es el campo m\u00e1s amplio: incluye motion graphics, animaci\u00f3n de marca, UI en movimiento, efectos visuales ligeros y experiencias interactivas.<\/li>\r\n  <\/ul>\r\n\r\n  <p>En Quan Studios trabajamos con ambas disciplinas \u2014animaci\u00f3n 2D, animaci\u00f3n 3D y motion graphics\u2014 adaptando la t\u00e9cnica a los objetivos de cada proyecto y sector.<\/p>\r\n\r\n  <!-- Secci\u00f3n 3 -->\r\n  <h2>\u00bfPara qu\u00e9 sirven los motion graphics en una empresa?<\/h2>\r\n\r\n  <p>La respuesta corta: para comunicar mejor en menos tiempo. La larga implica entender d\u00f3nde y c\u00f3mo se usan en el contexto empresarial:<\/p>\r\n\r\n  <h3>1. Explicar productos y servicios complejos<\/h3>\r\n  <p>Un SaaS, un producto financiero, un mecanismo de acci\u00f3n farmac\u00e9utico o un proceso industrial son dif\u00edciles de comunicar con texto o con v\u00eddeo convencional. El motion graphic permite simplificar sin perder rigor, usando met\u00e1foras visuales, animaciones de datos y narrativa guiada.<\/p>\r\n\r\n  <h3>2. Campa\u00f1as de marketing y publicidad<\/h3>\r\n  <p>Los formatos animados tienen tasas de retenci\u00f3n y engagement significativamente m\u00e1s altas que los v\u00eddeos convencionales en entornos digitales. Un bumper animado de 6 segundos bien dise\u00f1ado puede superar en resultados a un spot de 30 con actores y localizaciones.<\/p>\r\n\r\n  <h3>3. Comunicaci\u00f3n interna y onboarding<\/h3>\r\n  <p>Formar a un equipo, comunicar un cambio organizativo o explicar una nueva herramienta interna son casos de uso reales donde el motion graphic reduce el tiempo de comprensi\u00f3n y mejora la retenci\u00f3n del mensaje.<\/p>\r\n\r\n  <h3>4. Branded content y redes sociales<\/h3>\r\n  <p>El contenido animado es uno de los formatos m\u00e1s compartidos en redes. Desde reels de marca hasta piezas de concienciaci\u00f3n social, el motion graphics permite construir identidad de marca con coherencia visual en todos los canales.<\/p>\r\n\r\n  <!-- CTA 1 -->\r\n\r\n  <!-- Secci\u00f3n 4 -->\r\n  <h2>Tipos de motion graphics: formatos y usos principales<\/h2>\r\n\r\n  <p>No existe un \u00fanico tipo de motion graphic. La variedad de formatos responde a objetivos, canales y audiencias diferentes:<\/p>\r\n\r\n  <ol>\r\n    <li><strong>Explainer video:<\/strong> pieza de 60\u2013120 segundos que explica qu\u00e9 es un producto, c\u00f3mo funciona y por qu\u00e9 importa. Es el formato m\u00e1s solicitado por empresas SaaS, fintech y startups.<\/li>\r\n    <li><strong>Branded content animado:<\/strong> piezas m\u00e1s narrativas orientadas a construir marca, generar empat\u00eda o posicionarse en torno a un valor o causa.<\/li>\r\n    <li><strong>Infograf\u00eda animada:<\/strong> datos, estad\u00edsticas o procesos visualizados con animaci\u00f3n para facilitar la comprensi\u00f3n. Muy usado en sectores como finanzas, salud y sostenibilidad.<\/li>\r\n    <li><strong>Motion branding:<\/strong> logo animado, transiciones de marca, cortinillas y elementos gr\u00e1ficos en movimiento que construyen una identidad visual consistente.<\/li>\r\n    <li><strong>Social motion:<\/strong> reels, stories, bumpers y GIFs pensados para el consumo r\u00e1pido en redes sociales, con alta retenci\u00f3n en los primeros segundos.<\/li>\r\n    <li><strong>UI animation:<\/strong> animaci\u00f3n de interfaces digitales, dashboards y demos de producto para mostrar el software en acci\u00f3n sin necesidad de acceso real al producto.<\/li>\r\n  <\/ol>\r\n\r\n  <!-- Secci\u00f3n 5 -->\r\n  <h2>\u00bfC\u00f3mo se produce un motion graphic? Proceso paso a paso<\/h2>\r\n\r\n  <p>Entender el proceso te ayudar\u00e1 a briefar mejor cualquier proyecto de motion graphics y a gestionar expectativas de tiempo y coste:<\/p>\r\n\r\n  <ul>\r\n    <li><strong>Briefing y estrategia:<\/strong> definici\u00f3n del objetivo, la audiencia, el mensaje clave, el tono y el canal de distribuci\u00f3n. Es la fase m\u00e1s importante y la m\u00e1s descuidada.<\/li>\r\n    <li><strong>Gui\u00f3n y estructura:<\/strong> el mensaje se organiza en una narrativa con inicio, desarrollo y cierre. En piezas de 60\u201390 s, cada segundo cuenta.<\/li>\r\n    <li><strong>Storyboard:<\/strong> representaci\u00f3n visual de cada escena. Define composici\u00f3n, transiciones y ritmo antes de animar nada.<\/li>\r\n    <li><strong>Dise\u00f1o y styleframes:<\/strong> se dise\u00f1an los fotogramas clave que marcan la est\u00e9tica visual definitiva del proyecto.<\/li>\r\n    <li><strong>Animaci\u00f3n:<\/strong> los elementos dise\u00f1ados cobran vida. En 2D se trabaja con After Effects, en 3D con Cinema 4D, Blender u otros motores.<\/li>\r\n    <li><strong>Sonido:<\/strong> m\u00fasica, efectos y locuci\u00f3n se integran en la edici\u00f3n final. El sound design es responsable del 50% del impacto emocional.<\/li>\r\n    <li><strong>Entrega y adaptaciones:<\/strong> el master se adapta a los formatos requeridos (16:9, 1:1, 9:16, 4K, etc.) seg\u00fan los canales de distribuci\u00f3n.<\/li>\r\n  <\/ul>\r\n\r\n  <hr>\r\n\r\n  <!-- Secci\u00f3n 6 -->\r\n  <h2>\u00bfCu\u00e1nto cuesta un proyecto de motion graphics?<\/h2>\r\n\r\n  <p>La pregunta m\u00e1s habitual, y la m\u00e1s dif\u00edcil de responder sin contexto. El coste de un motion graphic depende de m\u00faltiples factores: duraci\u00f3n, complejidad visual, t\u00e9cnica (2D vs 3D), n\u00famero de revisiones y si se incluye locuci\u00f3n profesional y music licensing.<\/p>\r\n\r\n  <p>Como referencia orientativa, un explainer de 60\u201390 segundos en 2D bien producido puede oscilar entre 3.000\u20ac y 15.000\u20ac seg\u00fan el nivel de complejidad y el estudio. La animaci\u00f3n 3D de alta calidad puede multiplicar ese rango.<\/p>\r\n\r\n  <p>M\u00e1s importante que el coste absoluto es el retorno: un explainer bien producido puede aumentar la tasa de conversi\u00f3n de una landing entre un 20% y un 80%, seg\u00fan datos del sector. En ese contexto, la inversi\u00f3n raramente es el problema.<\/p>\r\n\r\n  <!-- Secci\u00f3n 7 -->\r\n  <h2>Motion graphics y SEO: \u00bfayudan al posicionamiento?<\/h2>\r\n\r\n  <p>S\u00ed, pero de forma indirecta. Los motion graphics no se indexan como texto, pero tienen un impacto real en m\u00e9tricas que Google s\u00ed considera: tiempo en p\u00e1gina, tasa de rebote, engagement y backlinks naturales cuando las piezas se comparten.<\/p>\r\n\r\n  <p>Adem\u00e1s, un v\u00eddeo bien optimizado en YouTube \u2014el segundo buscador del mundo\u2014 puede posicionar por keywords altamente competitivas con mucha menos fricci\u00f3n que un art\u00edculo de blog. Y un explainer en la home de tu web puede ser el factor decisivo para que un visitante se quede o abandone en los primeros 10 segundos.<\/p>\r\n\r\n  <blockquote>\r\n    La combinaci\u00f3n de contenido escrito bien optimizado + motion graphics embebido es una de las estrategias de contenido m\u00e1s efectivas para B2B en 2025.\r\n  <\/blockquote>\r\n\r\n  <!-- CTA final -->\r\n\r\n  <!-- Conclusi\u00f3n -->\r\n  <h2>Conclusi\u00f3n: por qu\u00e9 los motion graphics son la herramienta de comunicaci\u00f3n m\u00e1s vers\u00e1til para marcas<\/h2>\r\n\r\n  <p>Los motion graphics no son una moda ni un recurso est\u00e9tico. Son una disciplina de comunicaci\u00f3n visual que, cuando se usa bien, transforma conceptos complejos en mensajes claros, genera confianza de marca y mejora resultados medibles de marketing, ventas y retenci\u00f3n.<\/p>\r\n\r\n  <p>Si tu empresa opera en un sector donde comunicar con precisi\u00f3n es fundamental \u2014salud, finanzas, tecnolog\u00eda, entretenimiento, sostenibilidad\u2014 el motion graphic no es un nice-to-have. Es una ventaja competitiva.<\/p>\r\n\r\n  <p>En Quan Studios somos un <strong>estudio de motion graphics<\/strong> con m\u00e1s de 15 a\u00f1os de experiencia y presencia en Espa\u00f1a, Colombia y mercados internacionales. Si tienes un proyecto o simplemente quieres explorar qu\u00e9 podr\u00edamos hacer juntos, <a href=\"\/en\/contacto\/\" style=\"color:#7c3aed;font-weight:600;\">escr\u00edbenos<\/a>.<\/p>\r\n\r\n  <!-- Tags -->\r\n  <div class=\"qs-tags\">\r\n    <span>motion graphics<\/span>\r\n    <span>motion design<\/span>\r\n    <span>animaci\u00f3n 2D<\/span>\r\n    <span>animaci\u00f3n 3D<\/span>\r\n    <span>branded content<\/span>\r\n    <span>video explicativo<\/span>\r\n    <span>agencia creativa<\/span>\r\n    <span>estudio animaci\u00f3n<\/span>\r\n  <\/div>\r\n\r\n<\/article>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hear me out, I\u2019m not crazy. Well a bit but that\u2019s not the point<\/p>","protected":false},"author":4,"featured_media":382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[86],"tags":[87],"class_list":["post-381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-lemmony"],"_links":{"self":[{"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/posts\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":4,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/posts\/381\/revisions"}],"predecessor-version":[{"id":2384,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/posts\/381\/revisions\/2384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/media\/382"}],"wp:attachment":[{"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/media?parent=381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/categories?post=381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quanstudios.com\/en\/wp-json\/wp\/v2\/tags?post=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}