[{"data":1,"prerenderedAt":861},["ShallowReactive",2],{"blog:best-bento-grid-examples:v4":3,"blog:list:v1":223},{"id":4,"documentId":5,"slug":6,"title":7,"date_release":8,"read_length":9,"hero_text":10,"createdAt":11,"updatedAt":12,"publishedAt":13,"layout_type":14,"wrap_up":15,"seo":19,"cover_image":74,"hero_image":85,"blog_section":96},247,"skctbph7z9kgd8qwjhrs2i91","best-bento-grid-examples","Best bento grid examples","01\u002F08\u002F2026","5 min read","You've definitely seen a bento grid, even if nobody told you that's what it was called. It's that layout made of tiles of different sizes, all snug together in a grid, each one holding a single idea. The name comes from the Japanese bento box, where every compartment has its own thing and the whole arrangement just feels satisfying to look at.\n\nDesigners love it for good reason. It takes a pile of features or products or ideas and makes them feel calm and organized instead of overwhelming. And it photographs beautifully, which is half the reason it took over brand identities, product pages, and social feeds in the last couple of years.\n\nA quick bit of history before the examples. Apple's keynote slides and product pages helped kick off the craze, and software brands ran with it until it became the modern default. Since then it's jumped way past tech into branding, packaging, and social content, which is where it gets really fun. Here are nine examples worth learning from, and what you can actually take from each.","2026-07-23T13:57:21.472Z","2026-07-29T13:46:27.102Z","2026-07-29T13:46:27.694Z","layout-1",{"id":16,"title":17,"text":18},248,"Wrap-Up","The thing all these examples have in common is that the grid is never really the point. It's just a calm, flexible container, and the personality comes from what you pour into it. Koto fills it with brand energy, Starface fills it with color and fun, a dashboard fills it with data, and a portfolio fills it with a life. That's why the bento format has stuck around, it bends to whatever you're making instead of forcing a single look.\n\nSo if you're reaching for a bento in 2026, spend less time worrying about the grid and more on what goes in each tile. And a lot of those tiles will be product or device shots. Flat screenshots sitting in a nice grid still look flat. Drop those same screens into a clean phone or laptop mockup, and suddenly the whole layout feels finished and real.\n\nThat's the bit we work on. We make mockups over at Wannathis, for phones, laptops, and branding things like business cards and tote bags. So next time you're filling those tiles, have a dig through \u003Cu>[our mockup catalog](https:\u002F\u002Fwannathis.one\u002Fmockups)\u003C\u002Fu> and grab whatever fits.",{"id":20,"metaTitle":21,"metaDescription":22,"og_image":23},1941,"Bento Grid Examples: 9 Layouts Worth Stealing | Wannathis","Nine bento grid examples from branding, packaging, and product pages, with a note on what actually works in each layout and why it holds together.",{"id":24,"documentId":25,"name":26,"alternativeText":27,"caption":27,"width":28,"height":29,"formats":30,"hash":69,"ext":32,"mime":36,"size":70,"url":71,"previewUrl":27,"provider":72,"provider_metadata":27,"createdAt":73,"updatedAt":73,"publishedAt":73,"focalPoint":27},10199,"xboyazddc3vtoryj158x71fj","og image.png",null,2400,1260,{"large":31,"small":42,"medium":51,"thumbnail":60},{"ext":32,"url":33,"etag":34,"hash":35,"mime":36,"name":37,"path":27,"size":38,"width":39,"height":40,"sizeInBytes":41},".png","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Flarge_og_image_ba99b2942c.png","e21a8760703520a4d9711ce08eb04d00","large_og_image_ba99b2942c","image\u002Fpng","large_og image.png",252.82,1000,525,252818,{"ext":32,"url":43,"etag":44,"hash":45,"mime":36,"name":46,"path":27,"size":47,"width":48,"height":49,"sizeInBytes":50},"https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fsmall_og_image_ba99b2942c.png","e161fd2548c8063ce2aff83b4d17dcf6","small_og_image_ba99b2942c","small_og image.png",73.01,500,263,73008,{"ext":32,"url":52,"etag":53,"hash":54,"mime":36,"name":55,"path":27,"size":56,"width":57,"height":58,"sizeInBytes":59},"https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fmedium_og_image_ba99b2942c.png","2388d3cddea8fabfa0ca1675a36f4aff","medium_og_image_ba99b2942c","medium_og image.png",150.81,750,394,150809,{"ext":32,"url":61,"etag":62,"hash":63,"mime":36,"name":64,"path":27,"size":65,"width":66,"height":67,"sizeInBytes":68},"https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fthumbnail_og_image_ba99b2942c.png","d527230a3ef94f6f3cdaf08147865412","thumbnail_og_image_ba99b2942c","thumbnail_og image.png",21.99,245,129,21992,"og_image_ba99b2942c",214.59,"https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fog_image_ba99b2942c.png","@strapi\u002Fprovider-upload-aws-s3","2026-07-23T14:37:24.065Z",{"id":75,"alt":76,"class":27,"mp4":27,"avif":77,"png":81},2940,"Five rounded tiles holding 3D abstract shapes in pink, blue and lime on black, cover image for an article on bento grid layout examples in web design",{"id":78,"documentId":79,"url":80},10196,"es59hqk05pexoa69vbcleeob","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_00e30c9e69.avif",{"id":82,"documentId":83,"url":84},10198,"u5f10y6cnxd7lld9wvr4ua4b","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_860094f27f.png",{"id":86,"alt":87,"class":27,"mp4":27,"avif":88,"png":92},2939,"Bento grid of colorful 3D abstract shapes on black, checkered cube, pink wave, smiley cube and fuzzy forms, hero image for an article on bento layout design",{"id":89,"documentId":90,"url":91},10197,"timw793jzthjbv9aft173hr6","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fhero_image_d16ba6c8ba.avif",{"id":93,"documentId":94,"url":95},10200,"gueotg36jpyxzdch5965jm4r","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fhero_image_391c911705.png",[97,111,125,139,153,167,181,195,209],{"id":98,"alt":99,"title":100,"link":101,"text":102,"link_text":100,"multiple_links":27,"avif":103,"png":107,"mp4":27},1439,"Bolt brand site bento grid in neon yellow and green with product shots, app icons and bold type, an example of bento layout design for landing pages","Bolt","https:\u002F\u002Fx.com\u002Fstudiokoto\u002Fstatus\u002F1616090736742604800","Koto's rebrand of Bolt, the one-click checkout platform, is a brilliant example of a bento used for brand storytelling rather than a product page. The identity is loud in the best way, built on a bright \"lightning yellow\" palette and a custom typeface, all laid out in a grid of tiles that mixes logos, product shots, type, and little moments of the brand.\n\nWhat to steal here is energy. The grid keeps a busy, high-voltage identity from feeling chaotic. Every tile is a different piece of the brand, but the structure holds it all together so it reads as confident instead of cluttered.",{"id":104,"documentId":105,"url":106},10178,"ea7yw41jby3jpvzipbarpgl9","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fbolt_b9b23f3c19.avif",{"id":108,"documentId":109,"url":110},10193,"pawduqlx58dppit5izb7o0z5","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fbolt_c2ee24850e.png",{"id":112,"alt":113,"title":114,"link":115,"text":116,"link_text":114,"multiple_links":27,"avif":117,"png":121,"mp4":27},1440,"WhatsApp bento grid layout in green and cream tiles with chat icons, photos and a waveform block, an example of bento UI design for product websites","Whatsapp","https:\u002F\u002Fkoto.com\u002Fprojects\u002Fwhatsapp","Another Koto project, and a completely different mood. Their WhatsApp work, built around the idea of Forward Together, uses bento-style layouts to show how one design system stretches across product and marketing. Green, clean, and friendly, with tiles that feel calm and human.\n\nThis one's worth studying if you're presenting a design system or a big brand refresh. The grid becomes a really clear way to show a lot of pieces, from icons to messaging to ad layouts, without the deck turning into an endless scroll. It's a great reminder that bento works as a storytelling tool, not just a webpage layout.",{"id":118,"documentId":119,"url":120},10179,"vgb4ae1zg3cnm19s8a0ih1km","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fwhatsapp_8e24a45bad.avif",{"id":122,"documentId":123,"url":124},10190,"yyw8rziku9f5cua2r6nc8c4j","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fwhatsapp_cd0e139022.png",{"id":126,"alt":127,"title":128,"link":129,"text":130,"link_text":128,"multiple_links":27,"avif":131,"png":135,"mp4":27},1441,"Y2k template collection built as a dark bento grid with purple and lime cards, portraits and stickers, an example of bento layout for digital products","Bento Grid Templates","https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F187150663\u002FBento-Grid-Social-Media-Templates-6-Layouts?utm_source=Pinterest&utm_medium=organic","If the first two feel like big-budget studio work, this one's for the rest of us. Dirtybarn put together a set of six bento grid layouts made for social posts, and they're fully editable in Illustrator, so you can drop in your own content and go. It's a lovely shortcut if you want the look without building the grid from scratch.\n\nHandy to keep bookmarked whenever you need a quick, on-trend social template. It also shows how well bento translates from big websites down to a single square post, which is exactly where a lot of us actually work day to day.",{"id":132,"documentId":133,"url":134},10180,"y0w1wxs7jfxd8b587fhkltlk","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Ftemplates_d1b4846b48.avif",{"id":136,"documentId":137,"url":138},10192,"ax86oflkjenedw2l1gnxq32m","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Ftemplates_4925f962e4.png",{"id":140,"alt":141,"title":142,"link":143,"text":144,"link_text":142,"multiple_links":27,"avif":145,"png":149,"mp4":27},1442,"Starface product page laid out as a bento grid in yellow and pink with star patch packs and customer photos, an example of bento layout design for ecommerce","Starface","https:\u002F\u002Fstarface.world\u002Fproducts\u002Fhydro-stars-big-yellow","Starface, the Gen-Z pimple-patch brand, is proof that bento doesn't have to be sleek and minimal. Their product pages are bright, maximalist, and packed with personality, using a grid of playful tiles to mix product shots, star motifs, reviews, and bold color. It feels more like a fashion brand than a skincare one, which is entirely the point.\n\nThe takeaway is that the grid is just a container, and you get to decide the vibe. Starface fills every tile with character and fun, and the bento structure is what keeps all that maximalism from tipping into a mess. Perfect inspiration if your brand has a loud personality.",{"id":146,"documentId":147,"url":148},10186,"jzud2n3k9l1dc34uostrum32","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fstarface_361ea29e76.avif",{"id":150,"documentId":151,"url":152},10195,"ncwo8flola3vkhq4n9mlojgf","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fstarface_7834fa88f3.png",{"id":154,"alt":155,"title":156,"link":157,"text":158,"link_text":156,"multiple_links":27,"avif":159,"png":163,"mp4":27},1443,"Gumroad landing section built from rounded bento cards with illustrations, sales charts and product previews, an example of bento grid layout for saas sites","Gumroad","https:\u002F\u002Fgumroad.com\u002F","Gumroad rounds things out with a bento that's colorful, chunky, and a little rebellious. Bright blocks and a layout that feels energetic rather than corporate. It sits somewhere between the studio polish of Koto and the playful maximalism of Starface.\n\nIf your brand has personality but you still want things to feel structured, this is your reference. The grid gives you the order, and you're free to fill it with as much color and character as you like.",{"id":160,"documentId":161,"url":162},10182,"vwmx6w3sldq5xnaenjv38zzj","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fgumroad_43ca10e74a.avif",{"id":164,"documentId":165,"url":166},10189,"gqarsk6kyufyevixitmij0qx","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fgumroad_9b66a73441.png",{"id":168,"alt":169,"title":170,"link":171,"text":172,"link_text":170,"multiple_links":27,"avif":173,"png":177,"mp4":27},1444,"The Craftsmen agency site with a black bento grid of blue, yellow and white tiles for work, about and contact, an example of bento navigation layout","The Craftsmen","https:\u002F\u002Fwww.awwwards.com\u002Fsites\u002Fthe-craftsmen?utm_source=Pinterest&utm_medium=organic","The Craftsmen, by Kaploom Creative House, is an Awwwards Site of the Day built on a bold blue-and-yellow palette. It uses bento-style tiles to break a single-page agency site into clear, playful blocks, so the whole thing feels lively without losing its structure.\n\nGood reference if you're building an agency or studio site and want it to feel confident and colorful. It's a nice example of bento carrying a strong visual identity rather than just organizing features.",{"id":174,"documentId":175,"url":176},10181,"yiss2lj8opo426bfpmwz5wij","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcraftsmen_b6f9b8d05b.avif",{"id":178,"documentId":179,"url":180},10187,"jeh3i8pb68a0m6y9tjwzse53","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcraftsmen_8036adb481.png",{"id":182,"alt":183,"title":184,"link":185,"text":186,"link_text":184,"multiple_links":27,"avif":187,"png":191,"mp4":27},1445,"LottieFiles workspace page arranged as a light bento grid with a dashboard panel, download and comment cards, bento layout design for product marketing pages","LottieFiles","https:\u002F\u002Flottiefiles.com\u002F","LottieFiles is the go-to platform for lightweight animations, and fittingly, its site uses bento tiles that actually move. Little animated previews live inside the grid, which is exactly the kind of subtle motion that keeps a bento feeling alive instead of static.\n\nWorth studying if you want to add animation to your own grid. It shows how a tile with a small looping animation can pull attention without being distracting, which is the balance most animated bentos are trying to strike.",{"id":188,"documentId":189,"url":190},10183,"q5px4fmhinjl1iat10zeuuco","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Flottiefiles_c1bdc6eef4.avif",{"id":192,"documentId":193,"url":194},10191,"xf8f3a9koq5c2ljr6nh5ancm","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Flottiefiles_94738bae1e.png",{"id":196,"alt":197,"title":198,"link":199,"text":200,"link_text":198,"multiple_links":27,"avif":201,"png":205,"mp4":27},1446,"Dev.Hire landing page as a dark bento grid with a bold headline card, yellow and mint stat charts and a talent panel, bento layout for startup websites","IT human resources platform","https:\u002F\u002Fdribbble.com\u002Fshots\u002F21145885-IT-human-resources-platform","Most of the examples so far are marketing pages, but this Dribbble concept from Awsmd shows bento working inside an actual product interface. It's an HR and IT platform dashboard where the grid organizes stats, people, tasks, and quick actions into tidy modules you can scan in a second.\n\nReally useful if you design apps and dashboards rather than landing pages. It's a good reminder that bento isn't just a way to sell a product, it's a genuinely practical way to lay out a busy interface without it feeling cluttered.",{"id":202,"documentId":203,"url":204},10185,"hdgb8n3q6tzeewlwlwstzzxt","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fithuman_b1cd85fb5d.avif",{"id":206,"documentId":207,"url":208},10194,"slheq8wp1cl0j6avom0ns0yn","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fithuman_f55a14dfa6.png",{"id":210,"alt":211,"title":212,"link":213,"text":214,"link_text":212,"multiple_links":27,"avif":215,"png":219,"mp4":27},1447,"Framer feature section shown as a dark bento grid with shader, animation and variable font panels, an example of bento grid layout for web design tools","Framer","https:\u002F\u002Fwww.framer.com\u002Fdesign\u002F","Framer uses bento tiles across its own design pages to show off what the tool can do, which is a fitting choice given how easy it makes building grids like these. Feature tiles, product shots, and little interactive moments all sit together in a layout that feels modern without trying too hard.\n\nThere's a nice bonus here too. Framer has bento components and generators built right in, so if a grid like this is what you're after, it's also one of the quickest ways to actually build one yourself.",{"id":216,"documentId":217,"url":218},10184,"iizlp503wtwe8kmto0loishl","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fframer_8900b3b8e1.avif",{"id":220,"documentId":221,"url":222},10188,"w9l6bakxsj4imfsxp4rl0o3y","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fframer_7b1a53095f.png",{"data":224,"meta":856},[225,246,267,288,311,333,355,375,396,417,438,459,479,500,521,543,563,584,604,625,646,666,687,708,728,749,770,791,811,815,835],{"id":226,"documentId":227,"slug":228,"title":229,"date_release":230,"read_length":9,"hero_text":231,"createdAt":232,"updatedAt":233,"publishedAt":234,"layout_type":14,"cover_image":235},97,"et93ulxi73cehzx2ijcch605","best-device-in-hand-mockups-to-elevate-your-app-presentation","Best Device in Hand Mockups to Elevate Your App Presentation","28\u002F09\u002F2025","There’s something different about seeing an app on a real screen, in someone’s hand. A flat screenshot can look clean, but it often feels like it’s floating in space. Put the same design inside a device mockup - held naturally, in the middle of everyday life - and suddenly it clicks. That’s when your app feels less like an idea and more like something people can actually use.\n\nSo we’ve pulled together a set of mockups that do just that: phones and tablets in real hands, in real contexts, ready to bring your app presentations to life.","2025-09-28T12:07:24.994Z","2025-09-28T12:29:08.627Z","2025-09-28T12:29:08.926Z",{"id":236,"alt":237,"class":27,"mp4":27,"avif":238,"png":242},618,"iPhone in hand mockup with minimal white screen and clean background, modern device presentation by Wannathis",{"id":239,"documentId":240,"url":241},1560,"wg29oar545hyd9av6zy4hes0","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_99f07ba185.avif",{"id":243,"documentId":244,"url":245},1573,"nbzmr4jr73y33lu3e1kn2sz1","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_76508e528e.png",{"id":247,"documentId":248,"slug":249,"title":250,"date_release":251,"read_length":9,"hero_text":252,"createdAt":253,"updatedAt":254,"publishedAt":255,"layout_type":14,"cover_image":256},117,"ojy2ovq6c4il50ctcb5ja1dh","best-interior-device-mockups-for-designers-from-iphones-to-macbooks","Best Interior Device Mockups for Designers. From iPhones to MacBooks","10\u002F10\u002F2025","Flat screens can only show so much. Once you drop your design into a real space - on a desk, next to a laptop, maybe with a bit of sunlight in the corner - it starts to feel different. More real, more grounded, like something people actually use.\n\nThat’s why interior mockups work so well. They don’t just show your app or website; they give it a bit of personality. A bright, minimal setup makes things look sharp and focused, while a cozier background can make it feel more friendly and warm. It’s a small detail, but it changes the whole vibe.\n\nHere we’ve rounded up 10 best interior device mockups - from phones to MacBooks - that bring that extra bit of life to your designs.","2025-10-10T11:27:21.379Z","2025-10-20T05:03:20.892Z","2025-10-20T05:03:21.305Z",{"id":257,"alt":258,"class":27,"mp4":27,"avif":259,"png":263},684,"Collage of interior device mockups for designers — iPhones, iPads, and MacBooks featured in the article by Wannathis.\n",{"id":260,"documentId":261,"url":262},1743,"ly32hpevsk9lqmsq1qohrpx8","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_04cd54d553.avif",{"id":264,"documentId":265,"url":266},1744,"nizn8pgbo346wcgu5bmsqeub","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_8dc74513c8.png",{"id":268,"documentId":269,"slug":270,"title":271,"date_release":272,"read_length":9,"hero_text":273,"createdAt":274,"updatedAt":275,"publishedAt":276,"layout_type":14,"cover_image":277},125,"uhstd8voq62wh4sdxmhsxk01","best-iphone-mockups-for-designers","Best iPhone Mockups for Designers","06\u002F09\u002F2025","As designers, we know how much difference the right mockup can make - sometimes it’s the little details that bring a design to life. That’s why we’ve put together this collection of some of the best iPhone mockups out there, including a few from our own studio, Wannathis. \n\nIn this article, you’ll find phones floating, casually chilling on furniture, or hanging out on everyday surfaces. Each scene has its own little vibe, helping your app or website feel natural, while still looking effortlessly good. Think of it as giving your designs a bit of personality and style, without any fuss. ","2025-09-05T09:21:29.593Z","2025-11-09T08:01:16.180Z","2025-11-09T08:01:16.713Z",{"id":278,"alt":279,"class":27,"mp4":27,"avif":280,"png":284},814,"Set of three iPhone mockups including red gradient screen on white shelf, black and white typography on metallic fabric, and bold text design on blue ceramic tiles",{"id":281,"documentId":282,"url":283},1421,"gds0svjn0yvyhimu0m5i20f9","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_52a6fcc509.avif",{"id":285,"documentId":286,"url":287},1423,"f6fv6318h6gm4877fvlyrlli","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d695aee8a2.png",{"id":289,"documentId":290,"slug":291,"title":292,"date_release":293,"read_length":294,"hero_text":295,"createdAt":296,"updatedAt":297,"publishedAt":298,"layout_type":299,"cover_image":300},132,"eclqkex6zwui6l7120vqmo09","color-trends-2026-for-designers-and-brands","Color Trends 2026 for Designers and Brands","01\u002F12\u002F2025","6 min read","If you look at how color has been evolving over the last few years, one thing becomes very clear: trends are getting quieter, deeper, and more meaningful. Color in 2026 isn’t just about what looks good on a moodboard - it’s about what makes people feel grounded, restored, curious, or energized.\n\nAnd while Pantone hasn’t announced their Color of the Year yet (they usually drop it in December), the direction is already visible. Interior forecasts, fashion shifts, and early design reports all point toward palettes that feel warmer, more natural, more emotional, and a lot more intentional.\n\nSo we pulled together the key color trends for 2026 that designers and brands should actually pay attention to. Not just because they’re trendy, but because they make sense.","2025-11-21T21:15:33.479Z","2025-12-01T19:40:01.393Z","2025-12-01T19:40:01.810Z","layout-2",{"id":301,"alt":302,"class":27,"mp4":27,"avif":303,"png":307},878,"Vibrant gradient bar illustrating key color trends for 2026 in a rounded pill-shaped design",{"id":304,"documentId":305,"url":306},3716,"ibkee5w81cot2lasjly7ioh4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e9c6602e2a.avif",{"id":308,"documentId":309,"url":310},3718,"of552w0n2qxvotzojbfflv12","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_ec4aaffa93.png",{"id":312,"documentId":313,"slug":314,"title":315,"date_release":316,"read_length":317,"hero_text":318,"createdAt":319,"updatedAt":320,"publishedAt":321,"layout_type":299,"cover_image":322},173,"pypul228b08jo5ivfkkma27b","top-graphic-design-trends-2026","Top Graphic Design Trends 2026","25\u002F12\u002F2025","7 min read","Graphic design in 2026 feels a lot more alive. You can see designers moving toward work that has personality, small imperfections, texture, and even a bit of attitude. The polished, super-controlled look isn’t going anywhere, but it’s definitely no longer the only standard. Upcoming year is much more about trying things, mixing old and new, playing with interaction and letting visuals feel a little more human again.\n\nWith all of that happening, this trends feel especially lively. They’re less about following a rulebook and more about finding ways to make your work feel honest, expressive and fun to look at. Here are nine directions that capture this new creative rythmn.","2025-12-25T19:23:03.112Z","2026-01-20T18:36:16.455Z","2026-01-20T18:36:16.907Z",{"id":323,"alt":324,"class":27,"mp4":27,"avif":325,"png":329},1019,"Overview of graphic design trends 2026 with experimental typography, playful visuals and modern creative styles",{"id":326,"documentId":327,"url":328},4232,"e91xhht57c8t4st1x1ddxlm4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_8641677b82.avif",{"id":330,"documentId":331,"url":332},4233,"f0jzolvdt8uroruy7ll1f17f","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_c13ff10120.png",{"id":334,"documentId":335,"slug":336,"title":337,"date_release":338,"read_length":339,"hero_text":340,"createdAt":341,"updatedAt":342,"publishedAt":343,"layout_type":299,"cover_image":344},179,"isaymn3dz7sqltzbgmtof4df","building-faster-smarter-better-the-roi-of-mockups-for-agencies","Building Faster, Smarter, Better: The ROI of Mockups for Agencies","03\u002F11\u002F2025","4 min read","If you work at an agency, you know the game - fast turnarounds, endless decks, and the constant need to make ideas look like they already exist. It’s not just about design anymore; it’s about selling vision. That’s where mockups quietly do their magic.\n\nThey’re not just there to make things look nice. A well-chosen mockup can literally improve your project’s ROI by saving time, helping clients make faster decisions, and showing off your work in a way that builds trust. When done right, mockups don’t just make design prettier; they make the whole process smarter.","2025-11-03T15:51:51.070Z","2026-01-28T15:49:43.874Z","2026-01-28T15:49:44.748Z",{"id":345,"alt":346,"class":27,"mp4":27,"avif":347,"png":351},1047,"Three yellow pixelated dollar signs on lime green background symbolizing ROI of mockups",{"id":348,"documentId":349,"url":350},2614,"geeopua5jkdgbq2hro2m6dwz","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e2734a667a.avif",{"id":352,"documentId":353,"url":354},2616,"mlai53lju9jdm86mfazb2ze6","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_c70a3109ce.png",{"id":356,"documentId":357,"slug":358,"title":359,"date_release":230,"read_length":339,"hero_text":360,"createdAt":361,"updatedAt":362,"publishedAt":363,"layout_type":299,"cover_image":364},180,"j9qv6685qrme1kg11trmg8se","how-ai-is-changing-the-way-designers-work","How AI Is Changing the Way Designers Work","AI isn’t just another buzzword anymore - it’s become part of the everyday toolkit for many designers. From generating quick drafts to helping with color palettes, layouts, and even whole design concepts, it’s shifting how creative work gets done. \n\nSome people find that exciting, others feel a bit uneasy, but there’s no denying that the field looks different now than it did even a couple of years ago.","2025-09-28T10:51:02.203Z","2026-01-28T15:52:07.842Z","2026-01-28T15:52:08.071Z",{"id":365,"alt":366,"class":27,"mp4":27,"avif":367,"png":371},1049,"Futuristic tablet mockup scene by Wannathis showing female silhouette on blue screen with robotic arms",{"id":368,"documentId":369,"url":370},1553,"vhlg0p4x5il6g3ivrs6fujyx","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_31fdbebabb.avif",{"id":372,"documentId":373,"url":374},1555,"oyz59wg1tqc93hxilth8rq21","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e7ad5835b2.png",{"id":376,"documentId":377,"slug":378,"title":379,"date_release":380,"read_length":339,"hero_text":381,"createdAt":382,"updatedAt":383,"publishedAt":384,"layout_type":299,"cover_image":385},181,"lyp0av99hq4p5l2pd4r55btz","how-to-present-your-designs-like-a-pro-tips-for-designers","How to Present Your Designs Like a Pro: Tips For Designer","22\u002F11\u002F2025","Presenting your work is almost as important as creating the design itself. It is a skill every designer eventually needs, even though it rarely comes naturally from the start. For many people this part feels harder than the actual design process. Some worry about speaking in front of others and some feel unsure about how to structure the presentation. All of that is completely normal.\n\nThe good news is that a strong presentation doesn’t require perfect public-speaking skills. It just needs a bit of intention. When you guide people through your thinking, show your design in the right context, and help them understand why certain choices were made, the whole idea lands more clearly. It becomes less about performance and more about honesty - just walking someone through the story behind your work.","2025-11-21T16:02:26.111Z","2026-01-28T15:54:47.979Z","2026-01-28T15:54:48.390Z",{"id":386,"alt":387,"class":27,"mp4":27,"avif":388,"png":392},1051,"Side-profile photo of a person working on a laptop, clean aesthetic imagery for a Wannathis design presentation article ",{"id":389,"documentId":390,"url":391},3697,"ynisgvg1dpcmg2ufroe9lxt5","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d84e7126f3.avif",{"id":393,"documentId":394,"url":395},3700,"isl6bufp848bg4mlr01sj89z","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e730f24c8a.png",{"id":397,"documentId":398,"slug":399,"title":400,"date_release":401,"read_length":339,"hero_text":402,"createdAt":403,"updatedAt":404,"publishedAt":405,"layout_type":299,"cover_image":406},182,"sw5splwi1knh3yhdnonm73l4","the-psychology-of-presentation-why-better-mockups-mean-higher-rates","The Psychology of Presentation: Why Better Mockups Mean Higher Rates ","19\u002F09\u002F2025","Here’s the thing: design itself matters a lot, but how you show it can make or break the way people react to it. You can spend hours polishing details, picking typefaces, or adjusting grids, but if you just drop the result on a plain background, it rarely gets the reaction it deserves.\n\nNow imagine showing that same work in a realistic scene. Suddenly it doesn’t feel like “just a file” anymore - it looks like something that could already exist in the world. And that small shift can completely change the way clients respond.","2025-09-19T09:52:53.106Z","2026-01-28T15:56:23.570Z","2026-01-28T15:56:23.869Z",{"id":407,"alt":408,"class":27,"mp4":27,"avif":409,"png":413},1053,"Illustration of a person with brain exposed holding a smartphone – creative mockup concept by Wannathis",{"id":410,"documentId":411,"url":412},1509,"huuobg4a6huz8gorhg482xk2","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_bd1e9899b6.avif",{"id":414,"documentId":415,"url":416},1511,"kju6tfbwvunbxeiep1lzpyj4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_090b64a9f8.png",{"id":418,"documentId":419,"slug":420,"title":421,"date_release":422,"read_length":317,"hero_text":423,"createdAt":424,"updatedAt":425,"publishedAt":426,"layout_type":299,"cover_image":427},183,"lf09f81ommq99zi17fkxdlmk","top-ui-design-trends-for-2026-you-cant-ignore","Top UI Design Trends for 2026 You Can’t Ignore","08\u002F10\u002F2025","Every year, UI design shifts just enough to make last year’s work feel a little dated. 2026 is shaping up to be no different. From color choices to the way screens move, small details will set the tone for what feels fresh - and what feels stuck in 2025.\n\nWe’ve pulled together top UI design trends that stand out right now. Think of this less as a “rulebook” and more like a snapshot of where design is heading - a mix of what people actually enjoy using and what designers are experimenting with today.","2025-10-07T10:26:46.599Z","2026-01-28T16:00:25.572Z","2026-01-28T16:00:25.826Z",{"id":428,"alt":429,"class":27,"mp4":27,"avif":430,"png":434},1055,"Yellow folder icon on bright blue background with text “UI Design Trends for 2026”.\n",{"id":431,"documentId":432,"url":433},1635,"oumoy2oh1isxgszefh6eq4mf","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_b1c3b52a0f.avif",{"id":435,"documentId":436,"url":437},1638,"ynzeh6pksk9wiuuk7thzwjni","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_a078f0b5db.png",{"id":439,"documentId":440,"slug":441,"title":442,"date_release":443,"read_length":339,"hero_text":444,"createdAt":445,"updatedAt":446,"publishedAt":447,"layout_type":299,"cover_image":448},185,"jmizqg4h754t73bffof35lip","wannathis-vs-placeit-mockup-tools-comparison","Wannathis.one vs Placeit. Mockup Tools Comparison.","17\u002F10\u002F2025","If you’ve ever looked for mockups online, you’ve probably seen Placeit pop up everywhere. It’s huge, with thousands of ready-to-use templates for literally anything: t-shirts, mugs, YouTube intros, you name it. \n\nAnd if you’ve explored studios like Wannathis.one (that’s us), you might’ve noticed things feel a little different. The visuals are sharper, the setups more intentional, and the overall experience feels less automated. So what really sets them apart?","2025-10-17T12:03:13.773Z","2026-01-28T16:04:34.810Z","2026-01-28T16:04:35.160Z",{"id":449,"alt":450,"class":27,"mp4":27,"avif":451,"png":455},1059,"Gradient visual showing Wannathis vs Placeit comparison — design mockup tools.",{"id":452,"documentId":453,"url":454},1736,"j9032lxavc744q9da5x4pwi4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_ed3d3947cd.avif",{"id":456,"documentId":457,"url":458},1738,"wjbobvdrxzmcwtdslbs76r71","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_a6fbccf213.png",{"id":460,"documentId":461,"slug":462,"title":463,"date_release":251,"read_length":339,"hero_text":464,"createdAt":465,"updatedAt":466,"publishedAt":467,"layout_type":299,"cover_image":468},186,"pao9vwplvl71ektgm82uzavi","why-subscription-models-work-better-than-buying-individual-assets","Why Subscription Models Work Better Than Buying Individual Assets","For years, most of us bought design assets one by one - a mockup here, a 3D icon there, maybe a texture pack when a project called for it. It worked, but it also meant a lot of time comparing, downloading, and managing files you’d probably only use once.\n\nNow the way designers work has changed. Projects move faster, styles evolve weekly, and clients expect something fresh every time. That’s why subscriptions are quietly becoming the better option - not because they’re cost-effective (though they usually are), but because they fit the rhythm of modern design.","2025-10-10T10:11:00.614Z","2026-01-28T16:07:07.210Z","2026-01-28T16:07:07.440Z",{"id":469,"alt":470,"class":27,"mp4":27,"avif":471,"png":475},1061,"Cover artwork with 3D keys spelling WHY — featured image for article on design subscription models from Wannathis studio.",{"id":472,"documentId":473,"url":474},1741,"dr69mm1tzc8ls4ypmsmimtjf","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_63c33d9b31.avif",{"id":476,"documentId":477,"url":478},1742,"ipn8gc3n797t2fktxcznjy9d","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_1d2bfff4da.png",{"id":480,"documentId":481,"slug":482,"title":483,"date_release":484,"read_length":294,"hero_text":485,"createdAt":486,"updatedAt":487,"publishedAt":488,"layout_type":299,"cover_image":489},189,"ayf17nyqk3dg934tedhbszh5","brand-and-consumer-behavior-trends-2026-how-people-connect-with-brands-in-the-age-of-meaning","Brand & Consumer Behavior Trends 2026: How People Connect with Brands in the Age of Meaning","08\u002F11\u002F2025","The way people connect with brands has changed a lot. It’s no longer just about good-looking visuals or smart advertising. Now it’s about meaning. In 2026, people are drawn to brands that feel genuine, act with purpose, and tell real stories.\n\nHere are some of the key shifts shaping brand relationships this year.","2025-11-07T17:04:37.005Z","2026-01-31T16:54:38.197Z","2026-01-31T16:54:38.552Z",{"id":490,"alt":491,"class":27,"mp4":27,"avif":492,"png":496},1069,"3D pixel heart, retro computer, and like symbol representing brand and consumer behavior trends 2026",{"id":493,"documentId":494,"url":495},2921,"kuu2ir8q3tl05ylywyun8ycf","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_bccfdfc691.avif",{"id":497,"documentId":498,"url":499},2923,"phc25qgxnqbnqleprhde8mk4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_5db1c9157e.png",{"id":501,"documentId":502,"slug":503,"title":504,"date_release":505,"read_length":339,"hero_text":506,"createdAt":507,"updatedAt":508,"publishedAt":509,"layout_type":299,"cover_image":510},191,"bw4qcseo40l9i03i9gm8z7pf","the-rise-of-realistic-mockups-in-branding","The Rise of Realistic Mockups in Branding","20\u002F01\u002F2026","Something interesting has been happening in the design world over the last couple of years, and by 2026 it became especially clear. Realistic mockups have moved from being a simple presentation tool to becoming a real part of how brands build their visual identity. \n\nThe more digital our world becomes, the more people respond to visuals that feel grounded and relatable, and that is exactly why realistic mockups are showing up everywhere.","2026-01-15T21:06:59.576Z","2026-01-31T17:02:47.455Z","2026-01-31T17:02:47.757Z",{"id":511,"alt":512,"class":27,"mp4":27,"avif":513,"png":517},1073,"Realistic tote bag branding mockup in an elevator, natural lighting and fabric texture",{"id":514,"documentId":515,"url":516},5063,"rrleskednokxcwveeth1gk0h","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_0c22052d81.avif",{"id":518,"documentId":519,"url":520},5066,"jg6o6bu7oqlfwlxcrlx01jpa","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_0f11cde011.png",{"id":522,"documentId":523,"slug":524,"title":525,"date_release":526,"read_length":527,"hero_text":528,"createdAt":529,"updatedAt":530,"publishedAt":531,"layout_type":14,"cover_image":532},221,"cu0t4fm8it8foduh839v5fvv","best-premium-mockup-sites-for-high-quality-visuals","Best Premium Mockup Sites for High Quality Visuals","05\u002F12\u002F2025","8 min read","If you’ve been designing for a while, you already know how much a good mockup can change the whole vibe of a project. The right scene makes your concept feel real, believable, and ten times easier for clients to understand. But with so many platforms around, figuring out where to look in 2026 can feel a little overwhelming.\n\nThat’s why we put together this list. These are the sites designers actually use: from big libraries to smaller studios that keep things clean and intentional like us. No fluff, just a friendly overview to help you find what fits your workflow.\n\n","2025-12-05T15:47:45.706Z","2026-02-01T12:52:40.783Z","2026-02-01T12:52:41.152Z",{"id":533,"alt":534,"class":27,"mp4":27,"avif":535,"png":539},1120,"Selection of high-quality mockup platforms with a focus on curated visuals, including Wannathis",{"id":536,"documentId":537,"url":538},3996,"rzwu0x5ks2crklxls7af5m7e","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_451edd5840.avif",{"id":540,"documentId":541,"url":542},3997,"cpxhiirviotvlt6f9pv5dnqo","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d967f6b47c.png",{"id":544,"documentId":545,"slug":546,"title":547,"date_release":443,"read_length":317,"hero_text":548,"createdAt":549,"updatedAt":550,"publishedAt":551,"layout_type":299,"cover_image":552},222,"knespjr01y7urzkbfare78ld","top-typography-trends-2026-for-designers","Top Typography Trends 2026 for Designers","Typography is shifting fast. Every year, new tools, new screens, and new aesthetics shape how we read and feel design - and 2026 already looks bold, animated, and a little experimental. Fonts aren’t just fonts anymore; they’re becoming characters in their own right.\n\nWe’re seeing designers treat type as more than communication - it’s atmosphere, rhythm, and identity. From kinetic and 3D typography to expressive color and handcrafted forms, this year is all about type that moves, glows, and feels alive. So here’s a look at the trends that are shaping how typography will look and feel in 2026.","2025-10-17T12:01:39.605Z","2026-02-01T12:54:00.856Z","2026-02-01T12:54:01.158Z",{"id":553,"alt":554,"class":27,"mp4":27,"avif":555,"png":559},1122,"Typography Trends 2026 cover image — minimalist blue background with rounded bold type.",{"id":556,"documentId":557,"url":558},1724,"cepbg0m6la5g66u0x251of8z","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d4e7b85286.avif",{"id":560,"documentId":561,"url":562},1725,"notpc7u5m98oxa0wobqq64ug","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_147e6c642d.png",{"id":564,"documentId":565,"slug":566,"title":567,"date_release":568,"read_length":569,"hero_text":570,"createdAt":571,"updatedAt":572,"publishedAt":573,"layout_type":14,"cover_image":574},223,"okyhyghrsvb8d2s0smc0dpb3","12-best-macbook-mockups-for-design-projects","12 Best MacBook Mockups for Design Projects","07\u002F08\u002F2025","3 min read","Great design deserves a great setting. It’s not just what you’re showing - it’s how you show it. A well-chosen MacBook mockup can bring out the best in your work, whether it’s a website, an app, or a full visual identity.\n\nIn this article, we’ve gathered 12 of the best premium MacBook mockups to help you do just that. Each with its own unique vibe, ensuring there’s something for every project. Let’s take a look at them!","2025-07-30T02:47:35.383Z","2026-02-01T12:56:17.643Z","2026-02-01T12:56:18.166Z",{"id":575,"alt":567,"class":27,"mp4":27,"avif":576,"png":580},1124,{"id":577,"documentId":578,"url":579},976,"yy62i7m9gufp66asqqtbj6t1","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Frecent_12_macbook_dccb75bc98.avif",{"id":581,"documentId":582,"url":583},977,"rxlqtp9mp8lug7ydz5yw3bds","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Frecent_12_macbook_508d1bd36b.png",{"id":585,"documentId":586,"slug":587,"title":588,"date_release":589,"read_length":569,"hero_text":590,"createdAt":591,"updatedAt":592,"publishedAt":593,"layout_type":14,"cover_image":594},225,"ser7un2v7kv7c2zbclykoutu","best-mockup-resources-free-and-premium","Best Mockup Resources (Free and Premium)","28\u002F06\u002F2025","Mockups have quietly become one of the most powerful tools in a designer’s workflow. Whether you're presenting an app, showcasing branding, or building your portfolio, a good mockup adds polish and clarity to your work. There are dozens of platforms offering mockups, but this list focuses on the ones that feel curated, well-crafted, and genuinely useful. Some are free, some are premium, but all are worth a look in 2025.","2025-06-26T11:52:37.709Z","2026-02-01T12:58:12.407Z","2026-02-01T12:58:12.693Z",{"id":595,"alt":588,"class":27,"mp4":27,"avif":596,"png":600},1128,{"id":597,"documentId":598,"url":599},758,"ua1eryxg7jsqfdaczdaw6gsn","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fblog_recent_mockups_0fffdaa50a.avif",{"id":601,"documentId":602,"url":603},759,"kwie5c4k4dse2z9ixi97ebrd","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fblog_recent_mockups_d82a00ddcd.png",{"id":605,"documentId":606,"slug":607,"title":608,"date_release":609,"read_length":9,"hero_text":610,"createdAt":611,"updatedAt":612,"publishedAt":613,"layout_type":299,"cover_image":614},226,"d29lp9zuk3asq14m5p5wx6pu","the-art-of-storytelling-in-design-why-it-matters-more-than-ever","The Art of Storytelling in Design: Why It Matters More Than Ever","29\u002F01\u002F2026","Design has been moving fast lately. With AI stepping into the creative world, it suddenly became incredibly easy to generate visuals. You type a line, hit enter, and boom, there’s an image that would’ve taken hours just a few years ago. It’s wild in the best way. Tools became faster, ideas got bolder, and experimentation turned into something you can do during a coffee break.\n\nBut as visuals became easier to make, something else quietly rose to the surface: people started caring a lot more about the story behind the work. A nice image may catch someone’s eye for a moment. A meaningful one keeps their attention and makes them feel something. That emotional weight and intention behind the choices is the part AI cannot provide for you. No matter how good the prompt is.\n\nStorytelling is what fills that gap.","2026-01-29T10:11:35.300Z","2026-02-01T16:57:24.955Z","2026-02-01T16:57:25.132Z",{"id":615,"alt":616,"class":27,"mp4":27,"avif":617,"png":621},1131,"The art of storytelling in design with expressive typography on dark background",{"id":618,"documentId":619,"url":620},7440,"dl1e4cf8rjtohlen75fk53z9","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e6551c46a2.avif",{"id":622,"documentId":623,"url":624},7437,"ej6l5tm6el5nizxppeencnzr","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_1_285df63cf8.png",{"id":626,"documentId":627,"slug":628,"title":629,"date_release":630,"read_length":339,"hero_text":631,"createdAt":632,"updatedAt":633,"publishedAt":634,"layout_type":14,"cover_image":635},227,"pkd9wtrlugl2bbs852wra52h","free-mockup-websites-designers-actually-use","Free Mockup Websites Designers Actually Use  ","13\u002F09\u002F2025","Mockups are everywhere and they’ve become a must-have for designers who want to present their work in the best way. When you start searching online, you’ll notice two main types of resources: small studios that craft their own collections and share a few freebies, and big aggregator sites that gather free mockups from all over the internet.\n\nIn this article, we’ve pulled together the websites designers actually use. From independent studios like us, to big libraries that focus entirely on freebies.","2025-09-12T13:51:03.101Z","2026-02-10T14:00:21.383Z","2026-02-10T14:00:21.740Z",{"id":636,"alt":637,"class":27,"mp4":27,"avif":638,"png":642},1137,"iPhone 16 Pro mockup by Wannathis with bold red repeated text “FREE” on screen placed on gray concrete surface",{"id":639,"documentId":640,"url":641},1498,"vhhbkuh8bhtodbsvpvmvlzta","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_1ef8b4da66.avif",{"id":643,"documentId":644,"url":645},1499,"wryr9b8qpwf6c6qtxwzg0zpl","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_6a97053686.png",{"id":647,"documentId":648,"slug":649,"title":650,"date_release":651,"read_length":9,"hero_text":652,"createdAt":653,"updatedAt":654,"publishedAt":655,"layout_type":14,"cover_image":656},228,"mfnaw0bpw4vw24cuidofskb4","figma-plugins-worth-using-this-year","Figma Plugins Worth Using This Year","24\u002F06\u002F2025","Figma plugins can do a lot. Some help speed up the workflow, others bring in visuals or polish that would take ages to build from scratch. The right mix can make a noticeable difference, especially when working under deadlines or switching between multiple projects.\n\nHere’s a collection of plugins that are actually useful. No clutter, no hype. Just practical tools and solid visuals that fit into everyday design work.","2025-06-26T13:01:36.882Z","2026-02-10T14:00:55.421Z","2026-02-10T14:00:55.892Z",{"id":657,"alt":650,"class":27,"mp4":27,"avif":658,"png":662},1139,{"id":659,"documentId":660,"url":661},761,"x1hl988apnjb3prxg7cn88bq","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fblog_recent_tools_c57f71444c.avif",{"id":663,"documentId":664,"url":665},762,"mwmnnmmizu1310wf5lni1kvl","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fblog_recent_tools_5b35934d9c.png",{"id":667,"documentId":668,"slug":669,"title":670,"date_release":671,"read_length":527,"hero_text":672,"createdAt":673,"updatedAt":674,"publishedAt":675,"layout_type":299,"cover_image":676},230,"wa3s55tgrve7ntla40pleerb","web-design-trends-2026","Web Design Trends 2026","14\u002F02\u002F2026","Web design in 2026 is shaping up to be a year of experimentation. New digital tools are opening doors that used to require whole teams, and now a single designer can create things that would have felt impossible just a few years ago. With all this new freedom, people are trying bolder ideas, mixing mediums and pushing interfaces into playful, unexpected directions.\n\nAt the same time, there is a growing desire to keep a human touch in the work. As technology becomes more powerful, designers are finding ways to bring warmth back into visuals through color, texture or small imperfections that make a layout feel alive.\n\nIt is an interesting mix: a year driven by new possibilities, but also grounded in the need for personality. 2026 looks like a moment where old and new meet, where experimentation becomes the norm and where web design feels more human than it has in a long time.","2026-02-13T10:40:21.705Z","2026-02-17T08:02:49.701Z","2026-02-17T08:02:50.003Z",{"id":677,"alt":678,"class":27,"mp4":27,"avif":679,"png":683},1275,"Web design trends 2026 concept cover with blue sky background, green grass field and search bar interface",{"id":680,"documentId":681,"url":682},7607,"ob7lr3d22d42kmy7x9iv0of6","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_ac19698c19.avif",{"id":684,"documentId":685,"url":686},7609,"h8xchx9gqfuj52pef576y0s5","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d4f95d0d46.png",{"id":688,"documentId":689,"slug":690,"title":691,"date_release":692,"read_length":9,"hero_text":693,"createdAt":694,"updatedAt":695,"publishedAt":696,"layout_type":14,"cover_image":697},232,"o21abooad7e9tll6uy5elowv","best-business-card-mockups-for-brand-designers","Best Business Card Mockups for Brand Designers","21\u002F02\u002F2026","Business cards may be tiny, but for brand designers they still carry a lot of weight. They’re one of those small touchpoints that instantly reveal whether a visual identity actually works in the real world. And because so many branding projects live online these days, a great mockup is often the closest thing to holding the design in your hand.\n\nThe right mockup can add texture, mood and personality. It can show how the card behaves in light, how the colors shift, how the print feels and whether the whole idea stands strong outside the artboard. In this article we’ve picked business card mockups that help you present your work with clarity and style.","2026-02-20T15:07:26.859Z","2026-02-22T18:46:34.258Z","2026-02-22T18:46:34.480Z",{"id":698,"alt":699,"class":27,"mp4":27,"avif":700,"png":704},1307,"Blue business card mockups on black background premium branding scene",{"id":701,"documentId":702,"url":703},7779,"f1rpfli19wem0jbjprscti8p","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_672c880da3.avif",{"id":705,"documentId":706,"url":707},7781,"xtoz8xx999c5qvhqempgc464","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_3ba9a19a41.png",{"id":709,"documentId":710,"slug":711,"title":712,"date_release":401,"read_length":9,"hero_text":713,"createdAt":714,"updatedAt":715,"publishedAt":716,"layout_type":14,"cover_image":717},237,"t1rwme8m6uqxcjm0jd2zatg6","best-outdoor-billboard-mockups-in-2025","Best Outdoor Billboard Mockups in 2025 ","Outdoor design really lives in the city. Billboards hanging over busy streets, posters on textured walls, glowing screens next to storefronts - they all shape how people meet design in everyday life. A flat presentation can’t capture that feeling, but the right mockup makes it real.\n\nThat’s why we’ve put together this list of the best outdoor mockups for 2025. Each one gives a different way to show your work in the urban environment - from big billboard moments to small street posters.","2025-09-19T23:04:31.950Z","2026-04-08T18:20:08.848Z","2026-04-08T18:20:09.215Z",{"id":718,"alt":719,"class":27,"mp4":27,"avif":720,"png":724},1793,"Best outdoor billboard mockup with glowing urban display at night – realistic advertising design by Wannathis",{"id":721,"documentId":722,"url":723},1543,"b3kk0qgo4dp1ki8q8tqvi2tr","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_e8d3304209.avif",{"id":725,"documentId":726,"url":727},1544,"ku8i2mihoj88ge2kq5m4i8at","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_dd67370f2c.png",{"id":729,"documentId":730,"slug":731,"title":732,"date_release":733,"read_length":527,"hero_text":734,"createdAt":735,"updatedAt":736,"publishedAt":737,"layout_type":299,"cover_image":738},240,"vftd65esldj4emsikxy0e7hs","how-to-present-a-brand-identity-to-a-client","How to Present a Brand Identity to a Client ","26\u002F04\u002F2026","You finished the brand identity. The logo looks good, the colors and type all make sense together. Everything's solid in your design file. Now comes the part that a lot of designers underestimate: actually presenting it.\n\nThis isn't about making fancy slides. It's about the gap between a client who sees a logo on a white artboard and a client who sees their brand on a storefront, a business card, and a website header in the same deck. Same design, completely different reaction. The presentation made that difference.\n\nThis guide covers how to set up a brand presentation that does your work justice. What to show, in what order, how to frame it, and how to handle the feedback conversation that follows.","2026-04-23T10:20:46.019Z","2026-04-26T18:03:33.060Z","2026-04-26T18:03:37.457Z",{"id":739,"alt":740,"class":27,"mp4":27,"avif":741,"png":745},2334,"LED screen mockup on a conference stage - the kind of scene designers use to present brand identity to a client beyond flat artboards.",{"id":742,"documentId":743,"url":744},9195,"imnu1l3qf3chg3ah43cpt86i","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_a6fd7c6fdc.avif",{"id":746,"documentId":747,"url":748},9197,"qio86005yt7t4kbsdrpztlf4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_6a82cbd907.png",{"id":750,"documentId":751,"slug":752,"title":753,"date_release":754,"read_length":9,"hero_text":755,"createdAt":756,"updatedAt":757,"publishedAt":758,"layout_type":299,"cover_image":759},241,"rqh395mf995yzajrrkoiflpt","why-nostalgia-still-works-in-modern-branding","Why Nostalgia Still Works in Modern Branding","30\u002F05\u002F2026","There's a reason your feed is full of chunky serifs, film grain, y2k aesthetics, pixels and packaging that looks like it was designed in 80s. It's not a trend recycling itself for the fifth time. It's something deeper, and if you work in design or branding, it's worth understanding why it keeps working, even on people who weren't alive when the original thing existed.\n\nWe got curious about this - when does nostalgia actually land, when does it miss, and how do you use it so it feels intentional and not random? That's what this piece is about.","2026-03-03T21:27:04.872Z","2026-06-03T03:57:58.483Z","2026-06-03T03:57:58.672Z",{"id":760,"alt":761,"class":27,"mp4":27,"avif":762,"png":766},2799,"Retro handheld game console in wildflowers nostalgic 90s aesthetic in modern branding",{"id":763,"documentId":764,"url":765},7821,"f9s8bt8deeq3rfiodo5tzns7","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_fc6fc3f68f.avif",{"id":767,"documentId":768,"url":769},7823,"ygh5mvzp6nlx0i7nwt6ttzhx","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_948f737189.png",{"id":771,"documentId":772,"slug":773,"title":774,"date_release":775,"read_length":9,"hero_text":776,"createdAt":777,"updatedAt":778,"publishedAt":779,"layout_type":14,"cover_image":780},243,"zj1a50pwc93nhstir5suut3n","fonts-that-already-look-like-a-logo","Fonts That Already Look Like a Logo","04\u002F07\u002F2026","Some fonts just do the work for you. You type a brand name, look at the screen, and it already looks like a logo. No custom lettering, no spending hours pushing curves around. The font is doing it all on its own.\n\nWe put together a collection of fonts like that. All from independent designers and small foundries. Not the usual stuff you see in every roundup. These are fonts where you type one word and it already has a vibe. \n\nSome are free, some are paid. If you've ever needed a quick typographic logo for a project and didn't have the budget for custom lettering, this list is for you.","2026-07-02T14:49:58.315Z","2026-07-07T03:11:47.682Z","2026-07-07T03:11:48.380Z",{"id":781,"alt":782,"class":27,"mp4":27,"avif":783,"png":787},2882,"The word Fonts set in a soft pink bubbly rounded display type on black, cover image for a blog roundup of cool display fonts for graphic designers",{"id":784,"documentId":785,"url":786},10016,"eph45c4yoervo1gkz2fo9pw3","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_406a31c597.avif",{"id":788,"documentId":789,"url":790},10018,"sp968gon150u5q6choghfpff","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_6ef837a3e0.png",{"id":66,"documentId":792,"slug":793,"title":794,"date_release":795,"read_length":294,"hero_text":796,"createdAt":797,"updatedAt":798,"publishedAt":799,"layout_type":14,"cover_image":800},"fnrsq7m391e8h5euxodz324o","best-framer-portfolio-templates-2026","Best Framer portfolio templates 2026","20\u002F07\u002F2026","Let's be real, most of us would rather spend our time on the actual work than on building the site that shows it off. And starting a portfolio from scratch means weeks of wrestling with layout and structure before you get anywhere near the fun part.\n\nThat's why a good Framer template is such a gift. You duplicate the file, drop in your projects, nudge a few colors around, and you're online by the afternoon. The only catch is the marketplace is huge and the quality is all over the place. Some templates are made with real care. Others fall apart the moment you touch them.\n\nSo we spent a while digging through the portfolio section and picked out ones that genuinely hold up. Free and paid, quiet and loud, tidy little solo sites and full-blown studio setups. And if you want a sense of where design is heading before you commit to a look, our \u003Cu>[web design trends for 2026](https:\u002F\u002Fwannathis.one\u002Fblog\u002Fweb-design-trends-2026)\u003C\u002Fu> piece is a good companion read.","2026-07-17T10:15:18.528Z","2026-07-20T02:59:59.328Z","2026-07-20T02:59:59.884Z",{"id":801,"alt":802,"class":27,"mp4":27,"avif":803,"png":807},2930,"Yellow MacBook held in one hand with a desktop-style portfolio on screen, cover image for an article on the best Framer portfolio templates for designers",{"id":804,"documentId":805,"url":806},10173,"zaz5y576sckkdfj74mlz1pu4","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_faaf1f1cad.avif",{"id":808,"documentId":809,"url":810},10174,"p7w2bj0b6imtsa75e6b112pm","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_17052954cc.png",{"id":4,"documentId":5,"slug":6,"title":7,"date_release":8,"read_length":9,"hero_text":10,"createdAt":11,"updatedAt":12,"publishedAt":13,"layout_type":14,"cover_image":812},{"id":75,"alt":76,"class":27,"mp4":27,"avif":813,"png":814},{"id":78,"documentId":79,"url":80},{"id":82,"documentId":83,"url":84},{"id":16,"documentId":816,"slug":817,"title":818,"date_release":819,"read_length":294,"hero_text":820,"createdAt":821,"updatedAt":822,"publishedAt":823,"layout_type":14,"cover_image":824},"vy48c6ngy7aeyeubqeg7v3lu","ai-and-design-tools-that-actually-help-creatives","AI and Design: Tools That Actually Help Creatives","03\u002F03\u002F2026","Let's skip the usual preamble. You don't need another article telling you AI is \"the future of design.\" What you probably need is a clear, honest look at which AI tools are actually worth opening between client calls and deadlines.\n\nThis guide covers the AI design tools that have earned a real place in creative workflows in 2026. Not because they're trendy, but because they solve specific, problems that used to eat your afternoon. We'll go through what each tool does best, which part of your process it speeds up, and where it still falls short.\n\nNo hype. Just the stuff that works.","2026-02-28T22:13:22.520Z","2026-07-31T13:57:01.226Z","2026-07-31T13:57:02.364Z",{"id":825,"alt":826,"class":27,"mp4":27,"avif":827,"png":831},2951,"Designer shaking hands with humanoid robot on green background AI and design collaboration concept",{"id":828,"documentId":829,"url":830},7809,"ykjho0t1ajuq5t9wc1yqui9e","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_27823ded8a.avif",{"id":832,"documentId":833,"url":834},7810,"m4pm1k2exax8h6um82raede5","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_3779316f3e.png",{"id":836,"documentId":837,"slug":838,"title":839,"date_release":840,"read_length":294,"hero_text":841,"createdAt":842,"updatedAt":843,"publishedAt":844,"layout_type":14,"cover_image":845},249,"ve3shnyqvxybcjrxfgoelf32","free-iphone-mockup-collection","Free iPhone Mockup Collection","25\u002F10\u002F2025","It’s always good to have a few go-to mockups ready. The kind that make your design look clean, real, and ready to show.\n\nWe’ve pulled together ten free iPhone mockups that do exactly that. Most of them from our own studio, Wannathis, along with a few from other creators.\n\nWhether you’re building a portfolio, preparing a client presentation, or refreshing your app visuals, these scenes will help your designs feel grounded and effortless.","2025-10-25T12:59:55.795Z","2026-07-31T14:19:52.049Z","2026-07-31T14:19:53.106Z",{"id":846,"alt":847,"class":27,"mp4":27,"avif":848,"png":852},2953,"Minimal preview of free iPhone mockups showing modern design setups and soft lighting",{"id":849,"documentId":850,"url":851},1830,"hajtnr00h81we4v1oz62d5p9","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_70fdb233ad.avif",{"id":853,"documentId":854,"url":855},1833,"b3jakau6aia1fuphsojdbxhf","https:\u002F\u002Fd2pas86kykpvmq.cloudfront.net\u002Fuploads\u002Fcover_image_d6f1854764.png",{"pagination":857},{"page":858,"pageSize":859,"pageCount":858,"total":860},1,100,31,1786582971666]