1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/47df9ba1c7236d3b-s.p.7bbb93ea.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4f367e1622acbbdb-s.p.7c1afeb7.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/d2b37119aa0414bd.css?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/84d9c99d1c196fe8.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62"/>
1<script src="/_next/static/chunks/522518d740397639.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/f86101dd28a8d000.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/55a0fea0a4131adf.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/turbopack-e8694846c350f843.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/f3d8096d13c57e54.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<script src="/_next/static/chunks/38b4f739e4911668.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=GTM-P4HBJPT" as="script"/><link rel="preload" href="https://assets.ceros.site/js/embed.v1.js" as="script"/><meta name="next-size-adjust" content=""/><title>Blog - Markup.io</title><meta name="description" content="Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively."/><link rel="canonical" href="https://www.markup.io/blog/"/><meta property="og:title" content="Blog - Markup.io"/><meta property="og:description" content="Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively."/><meta property="og:url" content="https://www.markup.io/blog/"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Blog - Markup.io"/><meta name="twitter:description" content="Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively."/><link rel="icon" href="/icon.png?icon.84feca4c.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.b6acb9ac.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" noModule=""></script>
1</head><body class="source_sans_3_c49a8b83-module__QNT0vG__variable fustat_97660a34-module__JAitpq__variable antialiased"><div hidden=""><!--$--><!--/$--></div><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[999] focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-black focus:outline-2 focus:outline-black">Skip to main content</a>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-P4HBJPT
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<div class="flex w-full pt-navbar min-h-screen flex-col"><nav class="flex w-full pointer-events-none fixed top-[30px] right-0 left-0 z-50 px-4" aria-label="Main navigation"><div class="relative mx-auto w-full max-w-[1400px]"><div class="flex w-full h-[72px] flex-nowrap items-center justify-between px-5 min-[600px]:px-12 rounded-full bg-white shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,0.25)] backdrop-blur-[24px] transition-opacity duration-200 ease-out motion-reduce:transition-none pointer-events-auto visible opacity-100"><a href="/" aria-label="MarkUp.io home" class="font-fustat flex hover:opacity-80 text-[1rem] leading-[1.6rem] font-[400] duration-100 shrink-0"><svg viewBox="0 0 140.1 87.3" class="h-[31px] w-auto" role="img" aria-hidden="true" focusable="false"><path fill="#1B00FA" d="M129.6,86.4L129.6,86.4c-5.6,0-10.2-4.6-10.2-10.2v0c0-5.6,4.6-10.2,10.2-10.2h0c5.6,0,10.2,4.6,10.2,10.2v0 C139.7,81.8,135.2,86.4,129.6,86.4z"></path><path fill="#FF9A9A" d="M121.1,62.8L121.1,62.8c-4.9,2.8-11.1,1.1-13.9-3.7l-24-42.9C80.3,11.3,82,5,86.9,2.2l0,0 C91.7-0.6,98,1.1,100.8,6l24,42.9C127.6,53.7,125.9,60,121.1,62.8z"></path><path fill="#FF9A9A" d="M5.5,85.1L5.5,85.1C0.6,82.3-1,76,1.8,71.2L39.4,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0c4.9,2.8,6.5,9.1,3.7,13.9 L19.4,81.4C16.6,86.2,10.3,87.9,5.5,85.1z"></path><path fill="#FF0000" d="M49.4,85.1L49.4,85.1c-4.9-2.8-6.5-9.1-3.7-13.9L83.2,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0 c4.9,2.8,6.5,9.1,3.7,13.9L63.3,81.4C60.5,86.2,54.2,87.9,49.4,85.1z"></path><path fill="#1B00FA" d="M90.9,85.1L90.9,85.1c-4.9,2.8-11.1,1.1-13.9-3.7L39.4,16.2c-2.8-4.9-1.1-11.1,3.7-13.9l0,0 C48-0.5,54.2,1.2,57,6l37.6,65.1C97.4,76,95.8,82.3,90.9,85.1z"></path></svg></a><div class="w-auto hidden items-center gap-6 md:flex"><div class="flex w-auto items-center gap-8"><a href="/customers/" aria-label="Customers" class="flex hover:opacity-80 font-[400] duration-100 font-fustat text-[1rem] leading-none text-[#141414]">Customers</a><a href="/pricing/" aria-label="Pricing" class="flex hover:opacity-80 font-[400] duration-100 font-fustat text-[1rem] leading-none text-[#141414]">Pricing</a><a href="/blog/" aria-label="Blog" class="flex hover:opacity-80 font-[400] duration-100 font-fustat text-[1rem] leading-none text-[#141414]">Blog</a><a href="https://educate.ceros.com/markup-twy61e4f" target="_blank" rel="noopener noreferrer" aria-label="Support" class="flex hover:opacity-80 font-[400] duration-100 font-fustat text-[1rem] leading-none text-[#141414]">Support</a></div><div class="flex w-auto items-center gap-3"><a href="https://app.markup.io/signin" target="_blank" rel="noopener noreferrer" aria-label="Login" class="flex duration-100 font-fustat rounded-full text-[1rem] leading-none font-semibold border border-[#141414] px-6 py-3 text-[#141414] hover:border-[#7C5CFC] hover:opacity-100">Login</a><a href="https://app.markup.io/signup" target="_blank" rel="noopener noreferrer" aria-label="Sign Up" class="flex duration-100 font-fustat rounded-full text-[1rem] leading-none font-semibold bg-[#141414] px-[26px] py-[13px] text-white hover:opacity-100">Sign Up</a></div></div><button type="button" aria-expanded="false" aria-controls="primary-navigation" aria-label="Open menu" class="flex h-8 w-8 cursor-pointer items-center justify-center md:hidden"><svg class="h-5 w-5" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="0" y="3" width="20" height="2" rx="1" fill="#141414"></rect><rect x="0" y="9" width="20" height="2" rx="1" fill="#141414"></rect><rect x="0" y="15" width="20" height="2" rx="1" fill="#141414"></rect></svg></button></div><div class="flex w-auto absolute top-0 left-0 h-[56px] items-center gap-1 pr-3 pl-4 rounded-full bg-white shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,0.25)] backdrop-blur-[24px] transition-opacity duration-200 ease-out motion-reduce:transition-none invisible opacity-0"><a href="/" aria-label="MarkUp.io home" class="font-fustat flex hover:opacity-80 text-[1rem] leading-[1.6rem] font-[400] duration-100 shrink-0"><svg viewBox="0 0 140.1 87.3" class="h-[22px] w-auto" role="img" aria-hidden="true" focusable="false">
1<path fill="#1B00FA" d="M129.6,86.4L129.6,86.4c-5.6,0-10.2-4.6-10.2-10.2v0c0-5.6,4.6-10.2,10.2-10.2h0c5.6,0,10.2,4.6,10.2,10.2v0 C139.7,81.8,135.2,86.4,129.6,86.4z"></path><path fill="#FF9A9A" d="M121.1,62.8L121.1,62.8c-4.9,2.8-11.1,1.1-13.9-3.7l-24-42.9C80.3,11.3,82,5,86.9,2.2l0,0 C91.7-0.6,98,1.1,100.8,6l24,42.9C127.6,53.7,125.9,60,121.1,62.8z"></path><path fill="#FF9A9A" d="M5.5,85.1L5.5,85.1C0.6,82.3-1,76,1.8,71.2L39.4,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0c4.9,2.8,6.5,9.1,3.7,13.9 L19.4,81.4C16.6,86.2,10.3,87.9,5.5,85.1z"></path><path fill="#FF0000" d="M49.4,85.1L49.4,85.1c-4.9-2.8-6.5-9.1-3.7-13.9L83.2,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0 c4.9,2.8,6.5,9.1,3.7,13.9L63.3,81.4C60.5,86.2,54.2,87.9,49.4,85.1z"></path><path fill="#1B00FA" d="M90.9,85.1L90.9,85.1c-4.9,2.8-11.1,1.1-13.9-3.7L39.4,16.2c-2.8-4.9-1.1-11.1,3.7-13.9l0,0 C48-0.5,54.2,1.2,57,6l37.6,65.1C97.4,76,95.8,82.3,90.9,85.1z"></path></svg></a><button type="button" aria-expanded="false" aria-controls="primary-navigation" aria-label="Open menu" class="flex h-8 w-8 cursor-pointer items-center justify-center"><svg class="h-5 w-5" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="0" y="3" width="20" height="2" rx="1" fill="#141414"></rect><rect x="0" y="9" width="20" height="2" rx="1" fill="#141414"></rect><rect x="0" y="15" width="20" height="2" rx="1" fill="#141414"></rect></svg></button></div><div class="w-full absolute right-0 left-0 mt-2 flex-col items-start gap-6 rounded-3xl bg-white px-7.5 py-8 shadow-[0px_14px_43px_0px_rgba(0,0,0,0.25)] top-[72px] md:hidden hidden" id="primary-navigation"><a href="/customers/" aria-label="Customers" class="flex hover:opacity-80 duration-100 font-fustat text-2xl font-semibold text-[#141414]">Customers</a><a href="/pricing/" aria-label="Pricing" class="flex hover:opacity-80 duration-100 font-fustat text-2xl font-semibold text-[#141414]">Pricing</a><a href="/blog/" aria-label="Blog" class="flex hover:opacity-80 duration-100 font-fustat text-2xl font-semibold text-[#141414]">Blog</a><a href="https://educate.ceros.com/markup-twy61e4f" target="_blank" rel="noopener noreferrer" aria-label="Support" class="flex hover:opacity-80 duration-100 font-fustat text-2xl font-semibold text-[#141414]">Support</a><a href="https://app.markup.io/signin" target="_blank" rel="noopener noreferrer" aria-label="Login" class="flex hover:opacity-80 duration-100 font-fustat text-2xl font-semibold text-[#141414]">Login</a><a href="https://app.markup.io/signup" target="_blank" rel="noopener noreferrer" aria-label="Sign Up" class="flex duration-100 font-fustat rounded-full text-[1rem] leading-none font-semibold bg-[#141414] px-[26px] py-[13px] text-white hover:opacity-100 w-fit">Sign Up</a></div></div></nav><main class="flex w-full justify-center px-[1.375rem]" id="main-content"><div class="flex max-w-page w-full flex-col items-center gap-[3.75rem] py-[5rem]"><div class="flex w-auto max-w-[48rem] flex-col items-center gap-[1rem] text-center"><h1 class="font-fustat text-[40px] leading-[44px] -tracking-[2px] text-white lg:text-[64px] lg:leading-[72px]">Blog</h1><p class="font-sourceSans text-black-600 text-[18px] leading-[26px]">Tips, inspiration, feature releases, integrations, and other company news from the MarkUp team.</p></div><div class="grid w-full grid-cols-1 justify-center gap-[24px] sm:grid-cols-[repeat(2,minmax(250px,400px))] lg:grid-cols-[repeat(3,minmax(250px,400px))]"><a href="/blog/explainer-video-examples/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Crafting impactful stories: 30 explainer video examples and how-tos" loading="lazy" width="2400" height="1260" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F33EtRZ2ioXHoAyuyFrMAIJ%2F136ff0c4e6e5a3f2b6582368e1b80190%2FCrafting_impactful_stories__30_explainer_video_examples___how-tos.png&w=3840&q=75 1x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F33EtRZ2ioXHoAyuyFrMAIJ%2F136ff0c4e6e5a3f2b6582368e1b80190%2FCrafting_impactful_stories__30_explainer_video_examples___how-tos.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Crafting impactful stories: 30 explainer video examples & how-tos</h2></div></a><a href="/blog/figma-vs-adobe-xd/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Title graphic with the Figma and Adobe XD logos among design tool icons on a dark blue background" loading="lazy" width="2400" height="1260" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3poowy6sk3rNV4d8rP9vL8%2Fb2960031663ad3650825fe62311598f7%2FFigma-vs-Adobe-XD-Decoding-the-best-design-tool.png&w=3840&q=75 1x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3poowy6sk3rNV4d8rP9vL8%2Fb2960031663ad3650825fe62311598f7%2FFigma-vs-Adobe-XD-Decoding-the-best-design-tool.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Figma vs. Adobe XD: Decoding the best design tool</h2></div></a><a href="/blog/status-sign-off-pause-comments/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration of a pink speech bubble containing pause and play icons, a green toggle switch in the on position, and UI panels." loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F63qiADnNRDKCMjElDK5N7m%2F7e2b139ddc524b1e0334b85eda19fd65%2Fmarkup-statuses-pause-comments-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F63qiADnNRDKCMjElDK5N7m%2F7e2b139ddc524b1e0334b85eda19fd65%2Fmarkup-statuses-pause-comments-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F63qiADnNRDKCMjElDK5N7m%2F7e2b139ddc524b1e0334b85eda19fd65%2Fmarkup-statuses-pause-comments-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Status, sign-off, pause: The holy trinity of project perfection</h2></div></a><a href="/blog/how-to-draw-on-videos/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on how to draw on videos for seamless collaboration" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4KjnJUYLM2sdTDrDs2TIKg%2F741bc9c851ae638a68dd5c4520d4b8c0%2FHow-to-draw-on-videos-for-seamless-collaboration.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4KjnJUYLM2sdTDrDs2TIKg%2F741bc9c851ae638a68dd5c4520d4b8c0%2FHow-to-draw-on-videos-for-seamless-collaboration.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4KjnJUYLM2sdTDrDs2TIKg%2F741bc9c851ae638a68dd5c4520d4b8c0%2FHow-to-draw-on-videos-for-seamless-collaboration.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to draw on videos for seamless collaboration</h2></div></a><a href="/blog/web-design-trends/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to 14 web design trends to keep an eye on in 2024" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FDoZ7Az4ULFB4svphj7iOQ%2F7c5128796264b1be647ef84110ab17d4%2Fweb-design-trends-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FDoZ7Az4ULFB4svphj7iOQ%2F7c5128796264b1be647ef84110ab17d4%2Fweb-design-trends-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FDoZ7Az4ULFB4svphj7iOQ%2F7c5128796264b1be647ef84110ab17d4%2Fweb-design-trends-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">14 web design trends to keep an eye on</h2></div></a><a href="/blog/markup-teams-integration/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="A Microsoft Teams notification card from MarkUp.io" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FxeRHZvLSNHFdX68EiXRbK%2Ff5b2ac4e903ad47462eb8d96c45510bb%2Fmarkup-teams-integration-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FxeRHZvLSNHFdX68EiXRbK%2Ff5b2ac4e903ad47462eb8d96c45510bb%2Fmarkup-teams-integration-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FxeRHZvLSNHFdX68EiXRbK%2Ff5b2ac4e903ad47462eb8d96c45510bb%2Fmarkup-teams-integration-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">The ultimate team player: Introducing the Microsoft Teams and MarkUp.io integration</h2></div></a><a href="/blog/website-mockup-examples/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to 12 website mockup examples and five design tips" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F11Z036OGaFzABX8GaeAIDm%2Fd70a461f40a470c9c6a807c17e08bdec%2Fwebsite-mockup-examples-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F11Z036OGaFzABX8GaeAIDm%2Fd70a461f40a470c9c6a807c17e08bdec%2Fwebsite-mockup-examples-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F11Z036OGaFzABX8GaeAIDm%2Fd70a461f40a470c9c6a807c17e08bdec%2Fwebsite-mockup-examples-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">12 website mockup examples & 5 tips to ace mockup design</h2></div></a><a href="/blog/how-to-annotate-an-image/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the three-step guide on how to annotate an image" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2LHuYBBUrb4ZbtQuYU4oqA%2Fb8b00e4f822d6b8b591b99d780d2a0f0%2FHow-to-annotate-an-image-header.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2LHuYBBUrb4ZbtQuYU4oqA%2Fb8b00e4f822d6b8b591b99d780d2a0f0%2FHow-to-annotate-an-image-header.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2LHuYBBUrb4ZbtQuYU4oqA%2Fb8b00e4f822d6b8b591b99d780d2a0f0%2FHow-to-annotate-an-image-header.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to annotate an image in 3 easy steps</h2></div></a><a href="/blog/image-annotation-tools/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100">
1<img alt="Three speech bubbles of different colors and shapes floating on a colorful background." loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XEv8hlne6CjWWgTIvyP3l%2Fa33fc2459b25ca6947ab6c00df26211b%2Fimage-annotation-tools-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XEv8hlne6CjWWgTIvyP3l%2Fa33fc2459b25ca6947ab6c00df26211b%2Fimage-annotation-tools-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XEv8hlne6CjWWgTIvyP3l%2Fa33fc2459b25ca6947ab6c00df26211b%2Fimage-annotation-tools-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">15 best image annotation tools</h2></div></a><a href="/blog/markup-io-workflows/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="The MarkUp.io logo at the center of concentric pastel rings" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F23bCNYoxxAkkJJ9TBKBXEA%2F619f844c9b9333d78b259f0127c0c9bd%2Fmarkup-io-workflows-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F23bCNYoxxAkkJJ9TBKBXEA%2F619f844c9b9333d78b259f0127c0c9bd%2Fmarkup-io-workflows-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F23bCNYoxxAkkJJ9TBKBXEA%2F619f844c9b9333d78b259f0127c0c9bd%2Fmarkup-io-workflows-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Make the most of MarkUp.io: Workflow tips for creative teams</h2></div></a><a href="/blog/video-editor-rate/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to video editor rates and how much to charge" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FoerZ2DhcRD3UqBSLiOCUL%2Fc96ce930a22dc08670e969b187425f6f%2Fvideo-editor-rates-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FoerZ2DhcRD3UqBSLiOCUL%2Fc96ce930a22dc08670e969b187425f6f%2Fvideo-editor-rates-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FoerZ2DhcRD3UqBSLiOCUL%2Fc96ce930a22dc08670e969b187425f6f%2Fvideo-editor-rates-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Video editor rates: how much to charge</h2></div></a><a href="/blog/markup-slack-integration/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="The MarkUp.io logo with an arrow pointing down to the Slack logo, beside a Slack sidebar showing MarkUp.io under Apps" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1rRmW5vJlFgMNoVgiqEL6z%2Fcaaff8ed10a15031c75b367af0d9cd1a%2FSlack-Integration-blog-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1rRmW5vJlFgMNoVgiqEL6z%2Fcaaff8ed10a15031c75b367af0d9cd1a%2FSlack-Integration-blog-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1rRmW5vJlFgMNoVgiqEL6z%2Fcaaff8ed10a15031c75b367af0d9cd1a%2FSlack-Integration-blog-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Slack to the future! ð Taking off with MarkUp.ioâs new Slack integration</h2></div></a><a href="/blog/video-production-best-practices/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Abstract video editor interface on a black background, with a blue play triangle and dashed selection outlines" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3Gxnv4BK0TvsDlEjRjQD8O%2F50649b0f21510a029a6e9ca0ea00b6d4%2Fvideo-production-best-practices-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3Gxnv4BK0TvsDlEjRjQD8O%2F50649b0f21510a029a6e9ca0ea00b6d4%2Fvideo-production-best-practices-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3Gxnv4BK0TvsDlEjRjQD8O%2F50649b0f21510a029a6e9ca0ea00b6d4%2Fvideo-production-best-practices-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">9 video production best practices for more views</h2></div></a><a href="/blog/review-images/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Six polaroid-style photo frames with colourful gradient images, strung along blue lines on a black background" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1BGDKXrDYg3DtXiYAPeB05%2F6c0e640cf9febb562bd93d6872cf737b%2Freview-images-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1BGDKXrDYg3DtXiYAPeB05%2F6c0e640cf9febb562bd93d6872cf737b%2Freview-images-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1BGDKXrDYg3DtXiYAPeB05%2F6c0e640cf9febb562bd93d6872cf737b%2Freview-images-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to review images in 5 easy steps</h2></div></a><a href="/blog/how-to-share-feedback/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Blue and pink comment pins scattered across a white background, marked with check marks, crosses and ellipses" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6wkHg7eT2n50cCoDZIJPLI%2F16b60fcbc84d3888e608dff6008b62b9%2Fhow-to-share-feedback-hero-1.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6wkHg7eT2n50cCoDZIJPLI%2F16b60fcbc84d3888e608dff6008b62b9%2Fhow-to-share-feedback-hero-1.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6wkHg7eT2n50cCoDZIJPLI%2F16b60fcbc84d3888e608dff6008b62b9%2Fhow-to-share-feedback-hero-1.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">7 tips for sharing constructive feedback on creative work</h2></div></a><a href="/blog/how-to-export-from-figma/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the three-step tutorial on how to export from Figma" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6NBimziqNRy1le15WT1k1P%2Fb0a25fcdf650828a8df3d1eed8b42dee%2Ffigma-export-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6NBimziqNRy1le15WT1k1P%2Fb0a25fcdf650828a8df3d1eed8b42dee%2Ffigma-export-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6NBimziqNRy1le15WT1k1P%2Fb0a25fcdf650828a8df3d1eed8b42dee%2Ffigma-export-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to export from Figma: a 3-step tutorial</h2></div></a><a href="/blog/how-to-use-figma/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the step-by-step tutorial on how to use Figma" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XvdXkGq6fw4Db1adQaA9b%2F35522b602d317479438a80187f35a834%2Fhow-to-use-figma-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XvdXkGq6fw4Db1adQaA9b%2F35522b602d317479438a80187f35a834%2Fhow-to-use-figma-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2XvdXkGq6fw4Db1adQaA9b%2F35522b602d317479438a80187f35a834%2Fhow-to-use-figma-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to use Figma: A step-by-step tutorial</h2></div></a><a href="/blog/zapier-templates/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to the best Zapier templates for your feedback workflow" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2qg7g5QYcFTNXuavVLSM4B%2F2d3e628b1ebafa66c06c4dc568b45bb5%2Fmarkup-io-zapier-trigger-templates-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2qg7g5QYcFTNXuavVLSM4B%2F2d3e628b1ebafa66c06c4dc568b45bb5%2Fmarkup-io-zapier-trigger-templates-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2qg7g5QYcFTNXuavVLSM4B%2F2d3e628b1ebafa66c06c4dc568b45bb5%2Fmarkup-io-zapier-trigger-templates-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Get your tools talking with the best Zapier templates for your feedback workflow</h2></div></a><a href="/blog/project-approval-form/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Abstract pink and orange squiggle crossing a horizontal line on a dark navy background" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F10tNYLHIkTN5cHEb4wLUkG%2Fa72c2fc4061b1460e2a6b205b22dad6f%2Fproject-approval-form-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F10tNYLHIkTN5cHEb4wLUkG%2Fa72c2fc4061b1460e2a6b205b22dad6f%2Fproject-approval-form-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F10tNYLHIkTN5cHEb4wLUkG%2Fa72c2fc4061b1460e2a6b205b22dad6f%2Fproject-approval-form-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Project approval form components & benefits (+ free template)</h2></div></a><a href="/blog/markup-io-team-adoption/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="MarkUp.io team adoption hero" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4xNMD1E3vj9J7imKCyAg3r%2F9591d533680fa45be98ccde738bf368f%2Fmarkup-io-adoption-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4xNMD1E3vj9J7imKCyAg3r%2F9591d533680fa45be98ccde738bf368f%2Fmarkup-io-adoption-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4xNMD1E3vj9J7imKCyAg3r%2F9591d533680fa45be98ccde738bf368f%2Fmarkup-io-adoption-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to get your team excited about MarkUp.io ð¥³</h2></div></a><a href="/blog/document-collaboration-tools/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to 10 document collaboration tools for efficient work in 2023" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4HsKzwQamdhs4rCztxdAl9%2F746aea3ecd86026dc1d8f41c97bb5185%2Fdocument-collaboration-tools-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4HsKzwQamdhs4rCztxdAl9%2F746aea3ecd86026dc1d8f41c97bb5185%2Fdocument-collaboration-tools-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4HsKzwQamdhs4rCztxdAl9%2F746aea3ecd86026dc1d8f41c97bb5185%2Fdocument-collaboration-tools-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">10 document collaboration tools for efficient work</h2></div></a><a href="/blog/how-to-share-videos-with-clients/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to the 10 best services for sharing videos with clients" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4Mf7mniABIhixLSqMtPnmX%2F8f4c2ebda93971cdf1f672ec4ce1b5cf%2Fhow-to-share-videos-with-clients-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4Mf7mniABIhixLSqMtPnmX%2F8f4c2ebda93971cdf1f672ec4ce1b5cf%2Fhow-to-share-videos-with-clients-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4Mf7mniABIhixLSqMtPnmX%2F8f4c2ebda93971cdf1f672ec4ce1b5cf%2Fhow-to-share-videos-with-clients-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to share videos with clients: 10 best services</h2></div></a><a href="/blog/corporate-video-production/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to corporate video production for brands" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1N5YqLsihwKwI3MKkOIviC%2Fbd8eb2aeee5447bf4ab82f8a6763b0f7%2Fcorporate-video-production-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1N5YqLsihwKwI3MKkOIviC%2Fbd8eb2aeee5447bf4ab82f8a6763b0f7%2Fcorporate-video-production-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1N5YqLsihwKwI3MKkOIviC%2Fbd8eb2aeee5447bf4ab82f8a6763b0f7%2Fcorporate-video-production-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Corporate video production for brands: Everything you should know</h2></div></a><a href="/blog/markup-zapier-integration/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="The MarkUp.io logo inside a white circle surrounded by app icons including Google Sheets, Trello, monday.com, and more." loading="lazy" width="600" height="338" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F56SfpZL4sTrD8iJyy26HAH%2Fb8d020a8e93c771db491bc4ebd1df531%2Fzapier-integration-release-hero.jpg&w=640&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F56SfpZL4sTrD8iJyy26HAH%2Fb8d020a8e93c771db491bc4ebd1df531%2Fzapier-integration-release-hero.jpg&w=1200&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F56SfpZL4sTrD8iJyy26HAH%2Fb8d020a8e93c771db491bc4ebd1df531%2Fzapier-integration-release-hero.jpg&w=1200&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">From annotation to automation: how our Zapier integration supercharges your workflow â¡</h2></div></a><a href="/blog/markup-anything/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on how to markup anything in MarkUp.io" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F46kakn505TVZQyMx6KNzX%2F126997bfcb4a1cfbbf8006a828ae5e68%2Fmarkup-anything-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F46kakn505TVZQyMx6KNzX%2F126997bfcb4a1cfbbf8006a828ae5e68%2Fmarkup-anything-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F46kakn505TVZQyMx6KNzX%2F126997bfcb4a1cfbbf8006a828ae5e68%2Fmarkup-anything-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to markup anything in MarkUp.io</h2></div></a><a href="/blog/video-review/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to the video review process, best practices and tools" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FNJgwLSCdFp6G9YA9Xbbxr%2Fe4d97ff3e6f8e984fb01d4b4240f2309%2Fvideo-review-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FNJgwLSCdFp6G9YA9Xbbxr%2Fe4d97ff3e6f8e984fb01d4b4240f2309%2Fvideo-review-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FNJgwLSCdFp6G9YA9Xbbxr%2Fe4d97ff3e6f8e984fb01d4b4240f2309%2Fvideo-review-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Video review process, best practices & 5 tools to use</h2></div></a><a href="/blog/website-design-checklist/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Hand-drawn checkbox ovals on a light background, three of them filled with pink and purple gradients and white check marks" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2Fm2Ge0veDDngmJR2ugKsmf%2F3ea6aefdc2a7ddd56eb759cfbf2b71c2%2Fwebsite-design-checklist-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2Fm2Ge0veDDngmJR2ugKsmf%2F3ea6aefdc2a7ddd56eb759cfbf2b71c2%2Fwebsite-design-checklist-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2Fm2Ge0veDDngmJR2ugKsmf%2F3ea6aefdc2a7ddd56eb759cfbf2b71c2%2Fwebsite-design-checklist-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">The best web design checklist in 16 easy steps (categorized)</h2></div></a><a href="/blog/productivity-tools-for-startups/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Interlocking green and purple cogs on a black background" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6YTMWG3QPdY9Sk7woHRrKQ%2F5ab7d928da3343b38ba10500c7bb6d3c%2Fproductivity-tools-for-startups-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6YTMWG3QPdY9Sk7woHRrKQ%2F5ab7d928da3343b38ba10500c7bb6d3c%2Fproductivity-tools-for-startups-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6YTMWG3QPdY9Sk7woHRrKQ%2F5ab7d928da3343b38ba10500c7bb6d3c%2Fproductivity-tools-for-startups-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">15 best productivity tools for startups to streamline work</h2></div></a><a href="/blog/future-of-web-design/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Diagonal purple dashes scattered across a dark navy background, suggesting motion or speed" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3XB6zDOQPP5jaBPWorE1Pp%2Fd64e1e8c5679ee2060f4b1b0a36725d8%2Ffuture-of-web-design-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3XB6zDOQPP5jaBPWorE1Pp%2Fd64e1e8c5679ee2060f4b1b0a36725d8%2Ffuture-of-web-design-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3XB6zDOQPP5jaBPWorE1Pp%2Fd64e1e8c5679ee2060f4b1b0a36725d8%2Ffuture-of-web-design-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">All you need to know about the future of web design</h2></div></a><a href="/blog/best-web-annotation-tools-for-chrome/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the nine best web annotation tools for Chrome" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3eWmuzTJyqhOm2YixzEAYx%2Ff90ff464232946b995611d80dc6b4cfd%2Fweb-annotation-tool-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3eWmuzTJyqhOm2YixzEAYx%2Ff90ff464232946b995611d80dc6b4cfd%2Fweb-annotation-tool-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3eWmuzTJyqhOm2YixzEAYx%2Ff90ff464232946b995611d80dc6b4cfd%2Fweb-annotation-tool-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">9 best web annotation tools for Chrome (w/features & pricing)</h2></div></a><a href="/blog/website-timeline/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on building a website timeline" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3VpYZIrQJ4ELG6SKgMBOC%2F17d0768b2d05c9304dc034f6dde1ef8b%2Fwebsite-timeline-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3VpYZIrQJ4ELG6SKgMBOC%2F17d0768b2d05c9304dc034f6dde1ef8b%2Fwebsite-timeline-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3VpYZIrQJ4ELG6SKgMBOC%2F17d0768b2d05c9304dc034f6dde1ef8b%2Fwebsite-timeline-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Whatâs a website timeline? How to build one (w/ free template)</h2></div></a><a href="/blog/visual-feedback-tools/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="12 visual feedback tools for bug tracking and design reviews" loading="lazy" width="1024" height="576" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6PHUUGhJUaMKHxNnbm2p3v%2Fbd039499c3e634666df53aa20b3fc89c%2Fvisual-feedback-tools-hero.webp&w=1080&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6PHUUGhJUaMKHxNnbm2p3v%2Fbd039499c3e634666df53aa20b3fc89c%2Fvisual-feedback-tools-hero.webp&w=2048&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F6PHUUGhJUaMKHxNnbm2p3v%2Fbd039499c3e634666df53aa20b3fc89c%2Fvisual-feedback-tools-hero.webp&w=2048&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">12 visual feedback tools for bug tracking & design reviews</h2></div></a><a href="/blog/website-feedback-tools/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Graphic representing website feedback tools" loading="lazy" width="1024" height="576" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5DutCNgHCCPLFZwPDq8KJr%2F3f5d91c5c1e1cc4d58a7566639a5c61a%2Fwebsite-feedback-tools-hero.webp&w=1080&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5DutCNgHCCPLFZwPDq8KJr%2F3f5d91c5c1e1cc4d58a7566639a5c61a%2Fwebsite-feedback-tools-hero.webp&w=2048&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5DutCNgHCCPLFZwPDq8KJr%2F3f5d91c5c1e1cc4d58a7566639a5c61a%2Fwebsite-feedback-tools-hero.webp&w=2048&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">15 website feedback tools for internal revisions / user reviews</h2></div></a><a href="/blog/frame-io-alternatives/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to the top nine Frame.io alternatives for video reviews" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5q4s8WDDo4kRNaizolsOUp%2F8b8f0974a512e00a5640ff5cf9b4d6b6%2Fframe-io-alternatives-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5q4s8WDDo4kRNaizolsOUp%2F8b8f0974a512e00a5640ff5cf9b4d6b6%2Fframe-io-alternatives-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5q4s8WDDo4kRNaizolsOUp%2F8b8f0974a512e00a5640ff5cf9b4d6b6%2Fframe-io-alternatives-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Top 9 Frame.io alternatives for seamless video reviews</h2></div></a><a href="/blog/worst-design-feedback/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Cartoon of a scowling figure at a computer, with a MarkUp comment box reading âWorst feedback for designersâ" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1OoFKZVMlTea1sfeMZRRyq%2Fa7c44c017ec52930e34b2c0adbf9f35a%2Fdesign-feedback-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1OoFKZVMlTea1sfeMZRRyq%2Fa7c44c017ec52930e34b2c0adbf9f35a%2Fdesign-feedback-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1OoFKZVMlTea1sfeMZRRyq%2Fa7c44c017ec52930e34b2c0adbf9f35a%2Fdesign-feedback-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">8 types of design feedback that make you hate your life (and how to fix them)</h2></div></a><a href="/blog/ux-audit/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on what a UX audit is and how to conduct one" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5Dygp8BDeuzsUOxPxu4O3p%2F5fd669ab3dedd62a565fd86c75f7543a%2Fux-audit-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5Dygp8BDeuzsUOxPxu4O3p%2F5fd669ab3dedd62a565fd86c75f7543a%2Fux-audit-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5Dygp8BDeuzsUOxPxu4O3p%2F5fd669ab3dedd62a565fd86c75f7543a%2Fux-audit-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Whatâs a UX audit? How to conduct one in 5 simple steps</h2></div></a><a href="/blog/creative-collaboration/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Overlapping white rectangular outlines forming a zigzag across a pink, purple and blue gradient" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FGf1tUxAH12nLRsMOT4FGv%2F3f795f235ec1ca0a9f361e9dddc465e5%2FCreative-collaboration-header.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FGf1tUxAH12nLRsMOT4FGv%2F3f795f235ec1ca0a9f361e9dddc465e5%2FCreative-collaboration-header.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FGf1tUxAH12nLRsMOT4FGv%2F3f795f235ec1ca0a9f361e9dddc465e5%2FCreative-collaboration-header.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Creative collaboration: Challenges, benefits & tips to succeed</h2></div></a><a href="/blog/web-design-process/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Abstract blue graphic of a coiled spring unwinding into a straight arrow, over a large stylised letter form" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7rRiyZFrpXHQz6ePe4DYOk%2F6145a253b1244272dae9071ed1600e21%2FWeb-design-process-header.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7rRiyZFrpXHQz6ePe4DYOk%2F6145a253b1244272dae9071ed1600e21%2FWeb-design-process-header.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7rRiyZFrpXHQz6ePe4DYOk%2F6145a253b1244272dae9071ed1600e21%2FWeb-design-process-header.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Set up an efficient web design process in 9 steps</h2></div></a><a href="/blog/pdf-collaboration/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on effective PDF collaboration in three easy steps" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1X6EZdSEBU7ulYclgpWKrJ%2F940da5cecb44a19b1db60533f495214c%2FEffective-PDF-Collaboration-in-3-Easy-Steps-1.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1X6EZdSEBU7ulYclgpWKrJ%2F940da5cecb44a19b1db60533f495214c%2FEffective-PDF-Collaboration-in-3-Easy-Steps-1.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1X6EZdSEBU7ulYclgpWKrJ%2F940da5cecb44a19b1db60533f495214c%2FEffective-PDF-Collaboration-in-3-Easy-Steps-1.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Effective PDF collaboration in 3 easy steps (w/top tools)</h2></div></a><a href="/blog/video-production-workflow/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the five-step guide to video production workflow" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4srnwaoYJO3J8daNBBxejV%2Fb2ee305a8208c9a864528f34aed2e894%2Fvideo-production-workflow-hero.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4srnwaoYJO3J8daNBBxejV%2Fb2ee305a8208c9a864528f34aed2e894%2Fvideo-production-workflow-hero.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F4srnwaoYJO3J8daNBBxejV%2Fb2ee305a8208c9a864528f34aed2e894%2Fvideo-production-workflow-hero.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Video production workflow: 5-step guide</h2></div></a><a href="/blog/annotate-video/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the six-step guide on how to annotate a video" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FtUI0adDg0K0P31C00hM9p%2Fac5581c44590ccd92354e11a85d0844b%2FAnnotate-video-header.jpg&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FtUI0adDg0K0P31C00hM9p%2Fac5581c44590ccd92354e11a85d0844b%2FAnnotate-video-header.jpg&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2FtUI0adDg0K0P31C00hM9p%2Fac5581c44590ccd92354e11a85d0844b%2FAnnotate-video-header.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to annotate a video in 6 steps: Guide for all</h2></div></a><a href="/blog/project-approval-process/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Green check mark and red cross emoji in a row on a dark gradient background" loading="lazy" width="2560" height="1440" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5alptjTcvQFNfasDwSuBh7%2Fd1c7593dababdd5d31b1dfb28886b441%2Fapprove.jpg&w=3840&q=75 1x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5alptjTcvQFNfasDwSuBh7%2Fd1c7593dababdd5d31b1dfb28886b441%2Fapprove.jpg&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">7 steps for an efficient project approval process</h2></div></a><a href="/blog/how-to-launch-a-website/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="A cartoon rocket launching through clouds of smoke against a purple and blue sky" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F76pxEkEGIGKWgMocUJXDtC%2F417de406978de025feed4ed4bab6f
16b9%2Fhow-to-launch-a-website-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F76pxEkEGIGKWgMocUJXDtC%2F417de406978de025feed4ed4bab6f6b9%2Fhow-to-launch-a-website-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F76pxEkEGIGKWgMocUJXDtC%2F417de406978de025feed4ed4bab6f6b9%2Fhow-to-launch-a-website-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to launch a website: a complete 12-step guide</h2></div></a><a href="/blog/creative-workflow/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide to creative workflow: what it is, why it matters and how to master it" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1wV6p7n0CFR6mfaFu6yO1H%2F1a7143fc3963316c67440f303571acd9%2FCreative-workflow-header.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1wV6p7n0CFR6mfaFu6yO1H%2F1a7143fc3963316c67440f303571acd9%2FCreative-workflow-header.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F1wV6p7n0CFR6mfaFu6yO1H%2F1a7143fc3963316c67440f303571acd9%2FCreative-workflow-header.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Creative workflow: What it is, why it matters & how to master it</h2></div></a><a href="/blog/how-to-annotate-a-website/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration for the guide on how to annotate a website in four simple steps" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2nL1UwMkfi6dWO8bWCvo1S%2Fe95127e4587bd6751a19d15e0fb45f62%2FHow-to-annotate-a-website.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2nL1UwMkfi6dWO8bWCvo1S%2Fe95127e4587bd6751a19d15e0fb45f62%2FHow-to-annotate-a-website.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F2nL1UwMkfi6dWO8bWCvo1S%2Fe95127e4587bd6751a19d15e0fb45f62%2FHow-to-annotate-a-website.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to annotate a website in 4 simple steps</h2></div></a><a href="/blog/how-to-annotate-on-google-chrome/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Title graphic reading âGet the most value out of the MarkUp Chrome extensionâ beside the Google Chrome logo" loading="lazy" width="2560" height="1440" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3DbRGZCb1g4fkMq1IFnCUm%2F927de24aa07e2a02fcc27c47890cd7b1%2FBlog-Graphic-4-2.png&w=3840&q=75 1x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F3DbRGZCb1g4fkMq1IFnCUm%2F927de24aa07e2a02fcc27c47890cd7b1%2FBlog-Graphic-4-2.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to annotate on Google Chrome with the MarkUp.io extension</h2></div></a><a href="/blog/artwork-approval-software/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Illustration of a creative team reviewing and approving artwork online" loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F60xTvgSipt1TGi3HeFVRm3%2Fb09d3d2b28252387c7794fd77997372a%2Fartwork-approval-software-hero.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F60xTvgSipt1TGi3HeFVRm3%2Fb09d3d2b28252387c7794fd77997372a%2Fartwork-approval-software-hero.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F60xTvgSipt1TGi3HeFVRm3%2Fb09d3d2b28252387c7794fd77997372a%2Fartwork-approval-software-hero.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">The 18 best design & artwork approval software for creatives</h2></div></a><a href="/blog/how-to-annotate-a-pdf/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Title card reading âHow to annotate a PDF in 5 simple stepsâ " loading="lazy" width="1280" height="720" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7zrSba62pSOri4KlaonAKj%2F88af0aad6355b0286181742a6b839dc6%2FHow-to-annotate-a-pdf-header.png&w=1920&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7zrSba62pSOri4KlaonAKj%2F88af0aad6355b0286181742a6b839dc6%2FHow-to-annotate-a-pdf-header.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F7zrSba62pSOri4KlaonAKj%2F88af0aad6355b0286181742a6b839dc6%2FHow-to-annotate-a-pdf-header.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">How to annotate a PDF in 5 simple steps: Complete guide</h2></div></a><a href="/blog/video-markups-collaborate-on-videos/" class="font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100"><img alt="Introducing Video MarkUps: A better way to collaborate" loading="lazy" width="1200" height="675" decoding="async" data-nimg="1" class="aspect-[423/238] w-full object-cover" style="color:transparent" srcSet="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5gzv4kcpLNsbVCcHJzYrmb%2F574f27b39868890128bc05ebf5c88970%2FBlog-Graphic-9-1200x675.png&w=1200&q=75 1x, /_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5gzv4kcpLNsbVCcHJzYrmb%2F574f27b39868890128bc05ebf5c88970%2FBlog-Graphic-9-1200x675.png&w=3840&q=75 2x" src="/_next/image/?url=https%3A%2F%2Fimages.ctfassets.net%2F9fispija9xqh%2F5gzv4kcpLNsbVCcHJzYrmb%2F574f27b39868890128bc05ebf5c88970%2FBlog-Graphic-9-1200x675.png&w=3840&q=75"/><div class="flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]"><h2 class="font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]">Introducing Video MarkUps: a better way to collaborate on videos</h2></div></a></div></div></main><footer class="flex w-full justify-center bg-black" aria-label="Site footer"><div class="flex max-w-page w-full flex-col gap-[3.15rem] px-[1.375rem] py-[5rem] lg:px-[6rem]"><div class="w-auto grid grid-cols-2 gap-[2.5rem] md:grid-cols-4"><div class="flex w-auto flex-col gap-[1.25rem]"><h2 class="font-fustat text-[1rem] font-semibold text-white">Product</h2><div class="flex w-auto flex-col gap-[0.75rem]"><a href="/" aria-label="Overview" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Overview</a><a href="/customers/" aria-label="Customers" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Customers</a><a href="https://status.markup.io" target="_blank" rel="noopener noreferrer" aria-label="Status" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Status</a></div></div><div class="flex w-auto flex-col gap-[1.25rem]"><h2 class="font-fustat text-[1rem] font-semibold text-white">Company</h2><div class="flex w-auto flex-col gap-[0.75rem]"><a href="https://labs.ceros.com/jobs/#/" target="_blank" rel="noopener noreferrer" aria-label="Jobs" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Jobs</a></div></div><div class="flex w-auto flex-col gap-[1.25rem]"><h2 class="font-fustat text-[1rem] font-semibold text-white">Support</h2><div class="flex w-auto flex-col gap-[0.75rem]"><a href="https://educate.ceros.com/en/collections/15677207-best-practices" target="_blank" rel="noopener noreferrer" aria-label="Best practices" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Best practices</a><a href="https://educate.ceros.com/en/collections/14629865-markup" target="_blank" rel="noopener noreferrer" aria-label="Get started" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Get started</a><a href="/pricing-page-faqs/" aria-label="FAQ" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">FAQ</a></div></div><div class="flex w-auto flex-col gap-[1.25rem]"><h2 class="font-fustat text-[1rem] font-semibold text-white">Legal</h2><div class="flex w-auto flex-col gap-[0.75rem]"><a href="/terms-and-conditions/" aria-label="Terms and Conditions" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Terms and Conditions</a><a href="/privacy-policy/" aria-label="Privacy Policy" class="flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white">Privacy Policy</a></div></div></div><div class="flex w-auto flex-col items-center gap-[1.5rem] border-t border-white/10 pt-[2.5rem] md:flex-row md:justify-between"><svg viewBox="0 0 140.1 87.3" class="h-[24px] w-auto" role="img" aria-hidden="true" focusable="false">
1<path fill="#1B00FA" d="M129.6,86.4L129.6,86.4c-5.6,0-10.2-4.6-10.2-10.2v0c0-5.6,4.6-10.2,10.2-10.2h0c5.6,0,10.2,4.6,10.2,10.2v0 C139.7,81.8,135.2,86.4,129.6,86.4z"></path><path fill="#FF9A9A" d="M121.1,62.8L121.1,62.8c-4.9,2.8-11.1,1.1-13.9-3.7l-24-42.9C80.3,11.3,82,5,86.9,2.2l0,0 C91.7-0.6,98,1.1,100.8,6l24,42.9C127.6,53.7,125.9,60,121.1,62.8z"></path><path fill="#FF9A9A" d="M5.5,85.1L5.5,85.1C0.6,82.3-1,76,1.8,71.2L39.4,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0c4.9,2.8,6.5,9.1,3.7,13.9 L19.4,81.4C16.6,86.2,10.3,87.9,5.5,85.1z"></path><path fill="#FF0000" d="M49.4,85.1L49.4,85.1c-4.9-2.8-6.5-9.1-3.7-13.9L83.2,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0 c4.9,2.8,6.5,9.1,3.7,13.9L63.3,81.4C60.5,86.2,54.2,87.9,49.4,85.1z"></path><path fill="#1B00FA" d="M90.9,85.1L90.9,85.1c-4.9,2.8-11.1,1.1-13.9-3.7L39.4,16.2c-2.8-4.9-1.1-11.1,3.7-13.9l0,0 C48-0.5,54.2,1.2,57,6l37.6,65.1C97.4,76,95.8,82.3,90.9,85.1z"></path></svg><p class="font-sourceSans text-black-600 text-[0.875rem]">Made with love by<!-- --> <a href="https://www.ceros.com/" target="_blank" rel="noopener noreferrer" aria-label="Ceros" class="font-fustat text-[1rem] leading-[1.6rem] font-[400] duration-100 inline text-white hover:opacity-80">Ceros</a></p><p class="font-sourceSans text-black-600 text-[0.875rem]">© <!-- -->2026<!-- --> MarkUp Inc.</p></div></div></footer></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/84d9c99d1c196fe8.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[19598,[\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"GoogleTagManager\"]\n3:I[79520,[\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"\"]\n4:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"default\"]\n6:I[91976,[\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/f3d8096d13c57e54.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/38b4f739e4911668.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"default\"]\ne:I[68027,[\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"default\"]\n:HL[\"/_next/static/chunks/d2b37119aa0414bd.css?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"style\"]\n:HL[\"/_next/static/media/47df9ba1c7236d3b-s.p.7bbb93ea.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/4f367e1622acbbdb-s.p.7c1afeb7.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"DxJbcTsMRVrKI86GAP0Ej\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d2b37119aa0414bd.css?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"$L2\",null,{\"gtmId\":\"GTM-P4HBJPT\"}],[\"$\",\"$L3\",null,{\"src\":\"https://assets.ceros.site/js/embed.v1.js\"}],[\"$\",\"body\",null,{\"className\":\"source_sans_3_c49a8b83-module__QNT0vG__variable fustat_97660a34-module__JAitpq__variable antialiased\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[999] focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-black focus:outline-2 focus:outline-black\",\"children\":\"Skip to main content\"}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-P4HBJPT\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex w-full pt-navbar min-h-screen flex-col items-center\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex w-full max-w-[870px] flex-col items-center gap-[40px] px-[16px] py-[60px] md:gap-[80px] md:py-[135px]\",\"id\":\"main-content\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col items-center gap-[20px]\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-fustat text-center text-[40px] leading-[44px]\",\"children\":\"Whoops, that page is gone.\"}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-center text-[18px] leading-[25px]\",\"children\":\"It seems the page you're looking for doesn't exist. Let's get you back on track.\"}]]}],[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[100px] leading-[136px] font-light tracking-[5px] text-white md:text-[136px]\",\"children\":\"404\"}],[\"$\",\"a\",null,{\"href\":\"/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Return to homepage\",\"className\":\"flex hover:opacity-80 bg-white text-black justify-center rounded-[3.5rem] px-[2rem] py-[1rem] font-fustat text-[16px] font-medium\",\"children\":\"Return to homepage\"}]]}],[\"$\",\"footer\",null,{\"className\":\"flex w-full justify-center bg-black\",\"aria-label\":\"Site footer\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex max-w-page w-full flex-col gap-[3.15rem] px-[1.375rem] py-[5rem] lg:px-[6rem]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-auto grid grid-cols-2 gap-[2.5rem] md:grid-cols-4\",\"children\":[[\"$\",\"div\",\"Product\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Product\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Product-/\",{\"href\":\"/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Overview\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Overview\"}],[\"$\",\"a\",\"Product-/customers/\",{\"href\":\"/customers/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Customers\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Customers\"}],[\"$\",\"a\",\"Product-https://status.markup.io\",{\"href\":\"https://status.markup.io\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Status\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Status\"}]]}]]}],[\"$\",\"div\",\"Company\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Company\"}],\"$L7\"]}],\"$L8\",\"$L9\"]}],\"$La\"]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]]}]]}],{\"children\":[\"blog\",\"$Lb\",{\"children\":[\"__PAGE__\",\"$Lc\",{}
1,null,false]},null,false]},null,false],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[\"$Lf\"]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"11:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"OutletBoundary\"]\n13:I[11533,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"AsyncMetadataOutlet\"]\n15:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"ViewportBoundary\"]\n17:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"MetadataBoundary\"]\n18:\"$Sreact.suspense\"\n7:[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Company-https://labs.ceros.com/jobs/#/\",{\"href\":\"https://labs.ceros.com/jobs/#/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Jobs\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Jobs\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"div\",\"Support\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Support\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Support-https://educate.ceros.com/en/collections/15677207-best-practices\",{\"href\":\"https://educate.ceros.com/en/collections/15677207-best-practices\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Best practices\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Best practices\"}],[\"$\",\"a\",\"Support-https://educate.ceros.com/en/collections/14629865-markup\",{\"href\":\"https://educate.ceros.com/en/collections/14629865-markup\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Get started\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Get started\"}],[\"$\",\"a\",\"Support-/pricing-page-faqs/\",{\"href\":\"/pricing-page-faqs/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"FAQ\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"FAQ\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"div\",\"Legal\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Legal\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Legal-/terms-and-conditions/\",{\"href\":\"/terms-and-conditions/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Terms and Conditions\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Terms and Conditions\"}],[\"$\",\"a\",\"Legal-/privacy-policy/\",{\"href\":\"/privacy-policy/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Privacy Policy\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Privacy Policy\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col items-center gap-[1.5rem] border-t border-white/10 pt-[2.5rem] md:flex-row md:justify-between\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 140.1 87.3\",\"className\":\"h-[24px] w-auto\",\"role\":\"img\",\"aria-hidden\":\"true\",\"focusable\":\"false\",\"children\":[[\"$\",\"path\",null,{\"fill\":\"#1B00FA\",\"d\":\"M129.6,86.4L129.6,86.4c-5.6,0-10.2-4.6-10.2-10.2v0c0-5.6,4.6-10.2,10.2-10.2h0c5.6,0,10.2,4.6,10.2,10.2v0 C139.7,81.8,135.2,86.4,129.6,86.4z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF9A9A\",\"d\":\"M121.1,62.8L121.1,62.8c-4.9,2.8-11.1,1.1-13.9-3.7l-24-42.9C80.3,11.3,82,5,86.9,2.2l0,0 C91.7-0.6,98,1.1,100.8,6l24,42.9C127.6,53.7,125.9,60,121.1,62.8z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF9A9A\",\"d\":\"M5.5,85.1L5.5,85.1C0.6,82.3-1,76,1.8,71.2L39.4,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0c4.9,2.8,6.5,9.1,3.7,13.9 L19.4,81.4C16.6,86.2,10.3,87.9,5.5,85.1z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF0000\",\"d\":\"M49.4,85.1L49.4,85.1c-4.9-2.8-6.5-9.1-3.7-13.9L83.2,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0 c4.9,2.8,6.5,9.1,3.7,13.9L63.3,81.4C60.5,86.2,54.2,87.9,49.4,85.1z\"}],[\"$\",\"path\",null,{\"fill\":\"#1B00FA\",\"d\":\"M90.9,85.1L90.9,85.1c-4.9,2.8-11.1,1.1-13.9-3.7L39.4,16.2c-2.8-4.9-1.1-11.1,3.7-13.9l0,0 C48-0.5,54.2,1.2,57,6l37.6,65.1C97.4,76,95.8,82.3,90.9,85.1z\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-[0.875rem]\",\"children\":[\"Made with love by\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.ceros.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Ceros\",\"className\":\"font-fustat text-[1rem] leading-[1.6rem] font-[400] duration-100 inline text-white hover:opacity-80\",\"children\":\"Ceros\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-[0.875rem]\",\"children\":[\"© \",2026,\" MarkUp Inc.\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nc:[\"$\",\"$1\",\"c\",{\"children\":[\"$L10\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/f3d8096d13c57e54.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/38b4f739e4911668.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L11\",null,{\"children\":[\"$L12\",[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]]}]]}]\nd:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L15\",null,{\"children\":\"$L16\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L17\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$18\",null,{\"fallback\":null,\"children\":\"$L19\"}]}]}]]}]\nf:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d2b37119aa0414bd.css?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"16:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n12:null\n"])</script>
1<script>self.__next_f.push([1,"1a:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/e1446a0d02bd006a.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"14:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Blog - Markup.io\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.markup.io/blog/\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Blog - Markup.io\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://www.markup.io/blog/\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"Blog - Markup.io\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"Design tips, feedback strategies, and best practices for creative teams. Learn how to streamline your design process and collaborate more effectively.\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.84feca4c.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"11\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.b6acb9ac.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L1a\",\"12\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"19:\"$14:metadata\"\n"])</script>
1<script>self.__next_f.push([1,"1b:I[5500,[\"/_next/static/chunks/59e1f37730a74257.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/f3d8096d13c57e54.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\",\"/_next/static/chunks/38b4f739e4911668.js?dpl=dpl_MyWjadvrT3x15Ke2XYT95VFabn62\"],\"Image\"]\n"])</script>
1<script>self.__next_f.push([1,"10:[\"$\",\"div\",null,{\"className\":\"flex w-full pt-navbar min-h-screen flex-col\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex w-full justify-center px-[1.375rem]\",\"id\":\"main-content\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex max-w-page w-full flex-col items-center gap-[3.75rem] py-[5rem]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-auto max-w-[48rem] flex-col items-center gap-[1rem] text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-fustat text-[40px] leading-[44px] -tracking-[2px] text-white lg:text-[64px] lg:leading-[72px]\",\"children\":\"Blog\"}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-[18px] leading-[26px]\",\"children\":\"Tips, inspiration, feature releases, integrations, and other company news from the MarkUp team.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid w-full grid-cols-1 justify-center gap-[24px] sm:grid-cols-[repeat(2,minmax(250px,400px))] lg:grid-cols-[repeat(3,minmax(250px,400px))]\",\"children\":[[\"$\",\"a\",\"2kTd4TQq5oSVMdVy96O8rB\",{\"href\":\"/blog/explainer-video-examples/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Crafting impactful stories: 30 explainer video examples and how-tos\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/33EtRZ2ioXHoAyuyFrMAIJ/136ff0c4e6e5a3f2b6582368e1b80190/Crafting_impactful_stories__30_explainer_video_examples___how-tos.png\",\"width\":2400,\"height\":1260,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Crafting impactful stories: 30 explainer video examples \u0026 how-tos\"}],false]}]]}],[\"$\",\"a\",\"4bxke5DOpMwHuAyK0Ap24a\",{\"href\":\"/blog/figma-vs-adobe-xd/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Title graphic with the Figma and Adobe XD logos among design tool icons on a dark blue background\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3poowy6sk3rNV4d8rP9vL8/b2960031663ad3650825fe62311598f7/Figma-vs-Adobe-XD-Decoding-the-best-design-tool.png\",\"width\":2400,\"height\":1260,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Figma vs. Adobe XD: Decoding the best design tool\"}],false]}]]}],[\"$\",\"a\",\"5VIjIE9iVuidjH3MTBw6Fi\",{\"href\":\"/blog/status-sign-off-pause-comments/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration of a pink speech bubble containing pause and play icons, a green toggle switch in the on position, and UI panels.\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/63qiADnNRDKCMjElDK5N7m/7e2b139ddc524b1e0334b85eda19fd65/markup-statuses-pause-comments-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40p
1x]\",\"children\":[\"$L1c\",false]}]]}],\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\"]}]]}]}],\"$L4b\"]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Status, sign-off, pause: The holy trinity of project perfection\"}]\n"])</script>
1<script>self.__next_f.push([1,"1d:[\"$\",\"a\",\"63W3Kk0V4QpXYRLOuUfTXe\",{\"href\":\"/blog/how-to-draw-on-videos/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on how to draw on videos for seamless collaboration\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/4KjnJUYLM2sdTDrDs2TIKg/741bc9c851ae638a68dd5c4520d4b8c0/How-to-draw-on-videos-for-seamless-collaboration.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to draw on videos for seamless collaboration\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"a\",\"Vm6G1gtWrlBG1aNB4oHJc\",{\"href\":\"/blog/web-design-trends/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to 14 web design trends to keep an eye on in 2024\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/DoZ7Az4ULFB4svphj7iOQ/7c5128796264b1be647ef84110ab17d4/web-design-trends-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"14 web design trends to keep an eye on\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1f:[\"$\",\"a\",\"6A2rFWrR1RtV6WjN3hAn0e\",{\"href\":\"/blog/markup-teams-integration/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"A Microsoft Teams notification card from MarkUp.io\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/xeRHZvLSNHFdX68EiXRbK/f5b2ac4e903ad47462eb8d96c45510bb/markup-teams-integration-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"The ultimate team player: Introducing the Microsoft Teams and MarkUp.io integration\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"20:[\"$\",\"a\",\"6lP1ujvw0sNCP7wtD3iU6w\",{\"href\":\"/blog/website-mockup-examples/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to 12 website mockup examples and five design tips\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/11Z036OGaFzABX8GaeAIDm/d70a461f40a470c9c6a807c17e08bdec/website-mockup-examples-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"12 website mockup examples \u0026 5 tips to ace mockup design\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"21:[\"$\",\"a\",\"7FiYUG9pivrJ7z5Er7iy5s\",{\"href\":\"/blog/how-to-annotate-an-image/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the three-step guide on how to annotate an image\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/2LHuYBBUrb4ZbtQuYU4oqA/b8b00e4f822d6b8b591b99d780d2a0f0/How-to-annotate-an-image-header.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to annotate an image in 3 easy steps\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"22:[\"$\",\"a\",\"5VlgzrgxtPdnf52gkTdMAj\",{\"href\":\"/blog/image-annotation-tools/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Three speech bubbles of different colors and shapes floating on a colorful background.\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/2XEv8hlne6CjWWgTIvyP3l/a33fc2459b25ca6947ab6c00df26211b/image-annotation-tools-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"15 best image annotation tools\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"a\",\"6Edg9j2TDt1r7Bh66p7Rxu\",{\"href\":\"/blog/markup-io-workflows/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"The MarkUp.io logo at the center of concentric pastel rings\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/23bCNYoxxAkkJJ9TBKBXEA/619f844c9b9333d78b259f0127c0c9bd/markup-io-workflows-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Make the most of MarkUp.io: Workflow tips for creative teams\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"24:[\"$\",\"a\",\"4GoZRjbFQVgtEXHpOtxnlg\",{\"href\":\"/blog/video-editor-rate/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to video editor rates and how much to charge\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/oerZ2DhcRD3UqBSLiOCUL/c96ce930a22dc08670e969b187425f6f/video-editor-rates-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Video editor rates: how much to charge\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"a\",\"BqJzljSDCamHuqbOKN0x2\",{\"href\":\"/blog/markup-slack-integration/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"The MarkUp.io logo with an arrow pointing down to the Slack logo, beside a Slack sidebar showing MarkUp.io under Apps\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1rRmW5vJlFgMNoVgiqEL6z/caaff8ed10a15031c75b367af0d9cd1a/Slack-Integration-blog-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Slack to the future! ð Taking off with MarkUp.ioâs new Slack integration\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"26:[\"$\",\"a\",\"5XQb9yJDTsMpDUU3eggMeq\",{\"href\":\"/blog/video-production-best-practices/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Abstract video editor interface on a black background, with a blue play triangle and dashed selection outlines\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3Gxnv4BK0TvsDlEjRjQD8O/50649b0f21510a029a6e9ca0ea00b6d4/video-production-best-practices-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"9 video production best practices for more views\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"27:[\"$\",\"a\",\"2NppUZfv4v5I8ftsFT7qAn\",{\"href\":\"/blog/review-images/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Six polaroid-style photo frames with colourful gradient images, strung along blue lines on a black background\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1BGDKXrDYg3DtXiYAPeB05/6c0e640cf9febb562bd93d6872cf737b/review-images-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to review images in 5 easy steps\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"28:[\"$\",\"a\",\"65b0bd3nR8du0lK58joIvC\",{\"href\":\"/blog/how-to-share-feedback/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Blue and pink comment pins scattered across a white background, marked with check marks, crosses and ellipses\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/6wkHg7eT2n50cCoDZIJPLI/16b60fcbc84d3888e608dff6008b62b9/how-to-share-feedback-hero-1.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"7 tips for sharing constructive feedback on creative work\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"29:[\"$\",\"a\",\"2GqJJMA0mILDFXl0P5xdLj\",{\"href\":\"/blog/how-to-export-from-figma/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the three-step tutorial on how to export from Figma\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/6NBimziqNRy1le15WT1k1P/b0a25fcdf650828a8df3d1eed8b42dee/figma-export-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to export from Figma: a 3-step tutorial\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2a:[\"$\",\"a\",\"6JJWiJrH5mknXAtb0mC5LL\",{\"href\":\"/blog/how-to-use-figma/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the step-by-step tutorial on how to use Figma\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/2XvdXkGq6fw4Db1adQaA9b/35522b602d317479438a80187f35a834/how-to-use-figma-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to use Figma: A step-by-step tutorial\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2b:[\"$\",\"a\",\"htbCPExJlYDqZD5FqjnC7\",{\"href\":\"/blog/zapier-templates/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to the best Zapier templates for your feedback workflow\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/2qg7g5QYcFTNXuavVLSM4B/2d3e628b1ebafa66c06c4dc568b45bb5/markup-io-zapier-trigger-templates-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Get your tools talking with the best Zapier templates for your feedback workflow\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"a\",\"2jTDfEKAj3DqgY94TXOk60\",{\"href\":\"/blog/project-approval-form/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Abstract pink and orange squiggle crossing a horizontal line on a dark navy background\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/10tNYLHIkTN5cHEb4wLUkG/a72c2fc4061b1460e2a6b205b22dad6f/project-approval-form-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Project approval form components \u0026 benefits (+ free template)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2d:[\"$\",\"a\",\"50fwynRcMxrASXJZDDX9A1\",{\"href\":\"/blog/markup-io-team-adoption/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"MarkUp.io team adoption hero\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/4xNMD1E3vj9J7imKCyAg3r/9591d533680fa45be98ccde738bf368f/markup-io-adoption-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to get your team excited about MarkUp.io ð¥³\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2e:[\"$\",\"a\",\"12YhUC53H6j5VyLWgBRt6Z\",{\"href\":\"/blog/document-collaboration-tools/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to 10 document collaboration tools for efficient work in 2023\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/4HsKzwQamdhs4rCztxdAl9/746aea3ecd86026dc1d8f41c97bb5185/document-collaboration-tools-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"10 document collaboration tools for efficient work\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2f:[\"$\",\"a\",\"vco5u8yW4fJ5zF7kn1lNI\",{\"href\":\"/blog/how-to-share-videos-with-clients/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to the 10 best services for sharing videos with clients\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/4Mf7mniABIhixLSqMtPnmX/8f4c2ebda93971cdf1f672ec4ce1b5cf/how-to-share-videos-with-clients-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to share videos with clients: 10 best services\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"30:[\"$\",\"a\",\"7fq1liuHDbkWyTS3fJLAz1\",{\"href\":\"/blog/corporate-video-production/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to corporate video production for brands\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1N5YqLsihwKwI3MKkOIviC/bd8eb2aeee5447bf4ab82f8a6763b0f7/corporate-video-production-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Corporate video production for brands: Everything you should know\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"31:[\"$\",\"a\",\"1cqgz27u430Hz6lpsAr2FJ\",{\"href\":\"/blog/markup-zapier-integration/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"The MarkUp.io logo inside a white circle surrounded by app icons including Google Sheets, Trello, monday.com, and more.\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/56SfpZL4sTrD8iJyy26HAH/b8d020a8e93c771db491bc4ebd1df531/zapier-integration-release-hero.jpg\",\"width\":600,\"height\":338,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"From annotation to automation: how our Zapier integration supercharges your workflow â¡\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"32:[\"$\",\"a\",\"4Czr5veOF4pVLDRyuHBkab\",{\"href\":\"/blog/markup-anything/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on how to markup anything in MarkUp.io\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/46kakn505TVZQyMx6KNzX/126997bfcb4a1cfbbf8006a828ae5e68/markup-anything-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to markup anything in MarkUp.io\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"33:[\"$\",\"a\",\"1tFRsE3AIcra7jmRIOWKXQ\",{\"href\":\"/blog/video-review/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to the video review process, best practices and tools\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/NJgwLSCdFp6G9YA9Xbbxr/e4d97ff3e6f8e984fb01d4b4240f2309/video-review-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Video review process, best practices \u0026 5 tools to use\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"34:[\"$\",\"a\",\"1liPC25nO7cjA2PpU7yMYh\",{\"href\":\"/blog/website-design-checklist/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Hand-drawn checkbox ovals on a light background, three of them filled with pink and purple gradients and white check marks\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/m2Ge0veDDngmJR2ugKsmf/3ea6aefdc2a7ddd56eb759cfbf2b71c2/website-design-checklist-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"The best web design checklist in 16 easy steps (categorized)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"35:[\"$\",\"a\",\"2tUxN4u5PzWSRykTcJSNws\",{\"href\":\"/blog/productivity-tools-for-startups/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Interlocking green and purple cogs on a black background\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/6YTMWG3QPdY9Sk7woHRrKQ/5ab7d928da3343b38ba10500c7bb6d3c/productivity-tools-for-startups-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"15 best productivity tools for startups to streamline work\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"36:[\"$\",\"a\",\"1IsnqrYbHY3VfvAOzLM6Ws\",{\"href\":\"/blog/future-of-web-design/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Diagonal purple dashes scattered across a dark navy background, suggesting motion or speed\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3XB6zDOQPP5jaBPWorE1Pp/d64e1e8c5679ee2060f4b1b0a36725d8/future-of-web-design-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"All you need to know about the future of web design\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"37:[\"$\",\"a\",\"46Rn0HTZdAnAp6WnvEUVwl\",{\"href\":\"/blog/best-web-annotation-tools-for-chrome/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the nine best web annotation tools for Chrome\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3eWmuzTJyqhOm2YixzEAYx/f90ff464232946b995611d80dc6b4cfd/web-annotation-tool-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"9 best web annotation tools for Chrome (w/features \u0026 pricing)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"38:[\"$\",\"a\",\"2g5hIw6VBHmEMgflrErckf\",{\"href\":\"/blog/website-timeline/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on building a website timeline\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3VpYZIrQJ4ELG6SKgMBOC/17d0768b2d05c9304dc034f6dde1ef8b/website-timeline-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Whatâs a website timeline? How to build one (w/ free template)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"39:[\"$\",\"a\",\"667stdy0lAwtSWWhZb6Sp6\",{\"href\":\"/blog/visual-feedback-tools/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"12 visual feedback tools for bug tracking and design reviews\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/6PHUUGhJUaMKHxNnbm2p3v/bd039499c3e634666df53aa20b3fc89c/visual-feedback-tools-hero.webp\",\"width\":1024,\"height\":576,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"12 visual feedback tools for bug tracking \u0026 design reviews\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3a:[\"$\",\"a\",\"7AdSTn3teUyfOx5S9Tq7Ci\",{\"href\":\"/blog/website-feedback-tools/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Graphic representing website feedback tools\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/5DutCNgHCCPLFZwPDq8KJr/3f5d91c5c1e1cc4d58a7566639a5c61a/website-feedback-tools-hero.webp\",\"width\":1024,\"height\":576,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"15 website feedback tools for internal revisions / user reviews\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3b:[\"$\",\"a\",\"2odcZWn1TrVt4KtWs1gjA7\",{\"href\":\"/blog/frame-io-alternatives/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to the top nine Frame.io alternatives for video reviews\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/5q4s8WDDo4kRNaizolsOUp/8b8f0974a512e00a5640ff5cf9b4d6b6/frame-io-alternatives-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Top 9 Frame.io alternatives for seamless video reviews\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3c:[\"$\",\"a\",\"3VO1DTIChiv3S7cp2f3OYU\",{\"href\":\"/blog/worst-design-feedback/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Cartoon of a scowling figure at a computer, with a MarkUp comment box reading âWorst feedback for designersâ\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1OoFKZVMlTea1sfeMZRRyq/a7c44c017ec52930e34b2c0adbf9f35a/design-feedback-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"8 types of design feedback that make you hate your life (and how to fix them)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3d:[\"$\",\"a\",\"vTw80SJ3RJvfEHsSzSMBd\",{\"href\":\"/blog/ux-audit/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on what a UX audit is and how to conduct one\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/5Dygp8BDeuzsUOxPxu4O3p/5fd669ab3dedd62a565fd86c75f7543a/ux-audit-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Whatâs a UX audit? How to conduct one in 5 simple steps\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3e:[\"$\",\"a\",\"7oOUcD1VNHbT9ap0B3Y8Oz\",{\"href\":\"/blog/creative-collaboration/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Overlapping white rectangular outlines forming a zigzag across a pink, purple and blue gradient\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/Gf1tUxAH12nLRsMOT4FGv/3f795f235ec1ca0a9f361e9dddc465e5/Creative-collaboration-header.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Creative collaboration: Challenges, benefits \u0026 tips to succeed\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3f:[\"$\",\"a\",\"Lt9tM0Bi4X98qkiCCGZaq\",{\"href\":\"/blog/web-design-process/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Abstract blue graphic of a coiled spring unwinding into a straight arrow, over a large stylised letter form\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/7rRiyZFrpXHQz6ePe4DYOk/6145a253b1244272dae9071ed1600e21/Web-design-process-header.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Set up an efficient web design process in 9 steps\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"40:[\"$\",\"a\",\"1zrKvUHXtgjVAYy5FoUN4r\",{\"href\":\"/blog/pdf-collaboration/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on effective PDF collaboration in three easy steps\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1X6EZdSEBU7ulYclgpWKrJ/940da5cecb44a19b1db60533f495214c/Effective-PDF-Collaboration-in-3-Easy-Steps-1.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Effective PDF collaboration in 3 easy steps (w/top tools)\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"41:[\"$\",\"a\",\"28R4YUf8jMjDoN18PLpbv9\",{\"href\":\"/blog/video-production-workflow/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the five-step guide to video production workflow\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/4srnwaoYJO3J8daNBBxejV/b2ee305a8208c9a864528f34aed2e894/video-production-workflow-hero.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Video production workflow: 5-step guide\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"42:[\"$\",\"a\",\"4uvo9I6XtiffvSyZmQ2tsO\",{\"href\":\"/blog/annotate-video/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the six-step guide on how to annotate a video\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/tUI0adDg0K0P31C00hM9p/ac5581c44590ccd92354e11a85d0844b/Annotate-video-header.jpg\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to annotate a video in 6 steps: Guide for all\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"43:[\"$\",\"a\",\"7buffvGrgbxtV5D8ZUx2np\",{\"href\":\"/blog/project-approval-process/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Green check mark and red cross emoji in a row on a dark gradient background\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/5alptjTcvQFNfasDwSuBh7/d1c7593dababdd5d31b1dfb28886b441/approve.jpg\",\"width\":2560,\"height\":1440,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"7 steps for an efficient project approval process\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"44:[\"$\",\"a\",\"2lq9lXOVg9VByA8dpD4VZH\",{\"href\":\"/blog/how-to-launch-a-website/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"A cartoon rocket launching through clouds of smoke against a purple and blue sky\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/76pxEkEGIGKWgMocUJXDtC/417de406978de025feed4ed4bab6f6b9/how-to-launch-a-website-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to launch a website: a complete 12-step guide\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"45:[\"$\",\"a\",\"6vEzrt6qOqqFbrQzWGcioJ\",{\"href\":\"/blog/creative-workflow/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide to creative workflow: what it is, why it matters and how to master it\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/1wV6p7n0CFR6mfaFu6yO1H/1a7143fc3963316c67440f303571acd9/Creative-workflow-header.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Creative workflow: What it is, why it matters \u0026 how to master it\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"46:[\"$\",\"a\",\"aHjTrg1ZwkTQ3FdFYr26M\",{\"href\":\"/blog/how-to-annotate-a-website/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration for the guide on how to annotate a website in four simple steps\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/2nL1UwMkfi6dWO8bWCvo1S/e95127e4587bd6751a19d15e0fb45f62/How-to-annotate-a-website.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to annotate a website in 4 simple steps\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"47:[\"$\",\"a\",\"50IhBqEsGHbzXkEBbrszac\",{\"href\":\"/blog/how-to-annotate-on-google-chrome/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Title graphic reading âGet the most value out of the MarkUp Chrome extensionâ beside the Google Chrome logo\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/3DbRGZCb1g4fkMq1IFnCUm/927de24aa07e2a02fcc27c47890cd7b1/Blog-Graphic-4-2.png\",\"width\":2560,\"height\":1440,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to annotate on Google Chrome with the MarkUp.io extension\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"48:[\"$\",\"a\",\"mVaniltXyZqWH3JIW5834\",{\"href\":\"/blog/artwork-approval-software/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Illustration of a creative team reviewing and approving artwork online\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/60xTvgSipt1TGi3HeFVRm3/b09d3d2b28252387c7794fd77997372a/artwork-approval-software-hero.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"The 18 best design \u0026 artwork approval software for creatives\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"49:[\"$\",\"a\",\"1v2EiKd1DByUMEZBYFzOk8\",{\"href\":\"/blog/how-to-annotate-a-pdf/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Title card reading âHow to annotate a PDF in 5 simple stepsâ \",\"src\":\"https://images.ctfassets.net/9fispija9xqh/7zrSba62pSOri4KlaonAKj/88af0aad6355b0286181742a6b839dc6/How-to-annotate-a-pdf-header.png\",\"width\":1280,\"height\":720,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"How to annotate a PDF in 5 simple steps: Complete guide\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"4a:[\"$\",\"a\",\"3H0Hksd1e9z2FqyWu8nhrG\",{\"href\":\"/blog/video-markups-collaborate-on-videos/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"$undefined\",\"className\":\"font-fustat flex text-[1rem] leading-[1.6rem] font-[400] group max-w-[413px] flex-col content-start overflow-hidden rounded-2xl bg-[#202020] duration-150 hover:bg-white hover:opacity-100\",\"children\":[[\"$\",\"$L1b\",null,{\"alt\":\"Introducing Video MarkUps: A better way to collaborate\",\"src\":\"https://images.ctfassets.net/9fispija9xqh/5gzv4kcpLNsbVCcHJzYrmb/574f27b39868890128bc05ebf5c88970/Blog-Graphic-9-1200x675.png\",\"width\":1200,\"height\":675,\"className\":\"aspect-[423/238] w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto h-full flex-col items-start gap-[8px] self-end p-[40px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-black-600 group-hover:text-black-800 text-[22px] leading-[26px]\",\"children\":\"Introducing Video MarkUps: a better way to collaborate on videos\"}],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"4b:[\"$\",\"footer\",null,{\"className\":\"flex w-full justify-center bg-black\",\"aria-label\":\"Site footer\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex max-w-page w-full flex-col gap-[3.15rem] px-[1.375rem] py-[5rem] lg:px-[6rem]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-auto grid grid-cols-2 gap-[2.5rem] md:grid-cols-4\",\"children\":[[\"$\",\"div\",\"Product\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Product\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Product-/\",{\"href\":\"/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Overview\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Overview\"}],[\"$\",\"a\",\"Product-/customers/\",{\"href\":\"/customers/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Customers\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Customers\"}],[\"$\",\"a\",\"Product-https://status.markup.io\",{\"href\":\"https://status.markup.io\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Status\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Status\"}]]}]]}],[\"$\",\"div\",\"Company\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Company\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Company-https://labs.ceros.com/jobs/#/\",{\"href\":\"https://labs.ceros.com/jobs/#/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Jobs\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Jobs\"}]]}]]}],[\"$\",\"div\",\"Support\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Support\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Support-https://educate.ceros.com/en/collections/15677207-best-practices\",{\"href\":\"https://educate.ceros.com/en/collections/15677207-best-practices\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Best practices\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Best practices\"}],[\"$\",\"a\",\"Support-https://educate.ceros.com/en/collections/14629865-markup\",{\"href\":\"https://educate.ceros.com/en/collections/14629865-markup\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Get started\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Get started\"}],[\"$\",\"a\",\"Support-/pricing-page-faqs/\",{\"href\":\"/pricing-page-faqs/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"FAQ\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"FAQ\"}]]}]]}],[\"$\",\"div\",\"Legal\",{\"className\":\"flex w-auto flex-col gap-[1.25rem]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-fustat text-[1rem] font-semibold text-white\",\"children\":\"Legal\"}],[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col gap-[0.75rem]\",\"children\":[[\"$\",\"a\",\"Legal-/terms-and-conditions/\",{\"href\":\"/terms-and-conditions/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Terms and Conditions\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Terms and Conditions\"}],[\"$\",\"a\",\"Legal-/privacy-policy/\",{\"href\":\"/privacy-policy/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"aria-label\":\"Privacy Policy\",\"className\":\"flex hover:opacity-80 font-[400] duration-100 font-sourceSans text-black-600 text-[1rem] leading-[1.5rem] hover:text-white\",\"children\":\"Privacy Policy\"}]]}]]}]]}],\"$L4c\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"4c:[\"$\",\"div\",null,{\"className\":\"flex w-auto flex-col items-center gap-[1.5rem] border-t border-white/10 pt-[2.5rem] md:flex-row md:justify-between\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 140.1 87.3\",\"className\":\"h-[24px] w-auto\",\"role\":\"img\",\"aria-hidden\":\"true\",\"focusable\":\"false\",\"children\":[[\"$\",\"path\",null,{\"fill\":\"#1B00FA\",\"d\":\"M129.6,86.4L129.6,86.4c-5.6,0-10.2-4.6-10.2-10.2v0c0-5.6,4.6-10.2,10.2-10.2h0c5.6,0,10.2,4.6,10.2,10.2v0 C139.7,81.8,135.2,86.4,129.6,86.4z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF9A9A\",\"d\":\"M121.1,62.8L121.1,62.8c-4.9,2.8-11.1,1.1-13.9-3.7l-24-42.9C80.3,11.3,82,5,86.9,2.2l0,0 C91.7-0.6,98,1.1,100.8,6l24,42.9C127.6,53.7,125.9,60,121.1,62.8z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF9A9A\",\"d\":\"M5.5,85.1L5.5,85.1C0.6,82.3-1,76,1.8,71.2L39.4,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0c4.9,2.8,6.5,9.1,3.7,13.9 L19.4,81.4C16.6,86.2,10.3,87.9,5.5,85.1z\"}],[\"$\",\"path\",null,{\"fill\":\"#FF0000\",\"d\":\"M49.4,85.1L49.4,85.1c-4.9-2.8-6.5-9.1-3.7-13.9L83.2,6c2.8-4.9,9.1-6.5,13.9-3.7l0,0 c4.9,2.8,6.5,9.1,3.7,13.9L63.3,81.4C60.5,86.2,54.2,87.9,49.4,85.1z\"}],[\"$\",\"path\",null,{\"fill\":\"#1B00FA\",\"d\":\"M90.9,85.1L90.9,85.1c-4.9,2.8-11.1,1.1-13.9-3.7L39.4,16.2c-2.8-4.9-1.1-11.1,3.7-13.9l0,0 C48-0.5,54.2,1.2,57,6l37.6,65.1C97.4,76,95.8,82.3,90.9,85.1z\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-[0.875rem]\",\"children\":[\"Made with love by\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.ceros.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Ceros\",\"className\":\"font-fustat text-[1rem] leading-[1.6rem] font-[400] duration-100 inline text-white hover:opacity-80\",\"children\":\"Ceros\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-sourceSans text-black-600 text-[0.875rem]\",\"children\":[\"© \",2026,\" MarkUp Inc.\"]}]]}]\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.