[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-modern-web-design-2026":3},{"source":4,"slug":5,"title":6,"excerpt":7,"cover":8,"category":9,"date":10,"publishedAt":11,"readTime":12,"rating":13,"ratingCount":14,"tags":15,"author":19,"sections":23},"static","modern-web-design-2026","ترندهای طراحی وب مدرن در سال ۲۰۲۶","از Bento Grid و تایپوگرافی درشت تا میکرو‌اینتراکشن‌ها و طراحی مبتنی بر هوش مصنوعی؛ ترندهایی که امسال باید بشناسید.","\u002Fassets\u002Fblog-3.jpg","طراحی سایت","۱۴۰۵\u002F۰۴\u002F۰۸","2025-06-29T12:00:00+03:30",7,4.6,214,[16,17,18],"UI\u002FUX","طراحی وب","ترند",{"name":20,"role":21,"avatar":22},"یاسین رضایی","بنیان‌گذار داینا کد","https:\u002F\u002Fapi.dicebear.com\u002F7.x\u002Finitials\u002Fsvg?seed=YR&backgroundColor=2D6A4F&textColor=ffffff",[24,29,34],{"id":25,"title":26,"body":27},"bento","Bento Grid و چیدمان‌های آزاد",[28],"چیدمان‌های Bento Grid که از اپل شروع شدند، حالا در همه‌جا دیده می‌شوند. این چیدمان اطلاعات را در جعبه‌های تودرتو نمایش می‌دهد.",{"id":30,"title":31,"body":32},"typography","تایپوگرافی به‌عنوان قهرمان",[33],"استفاده از فونت‌های درشت، متغیر و رنگی، هویت بصری قوی‌تری به سایت می‌دهد.",{"id":35,"title":36,"body":37},"motion","میکرو‌اینتراکشن‌ها",[38],"انیمیشن‌های کوچک و هوشمند، تجربه کاربری را به‌شدت بهبود می‌بخشند. از Framer Motion یا CSS View Transitions استفاده کنید."]