5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T89b,

A Minimal Portfolio That Lets Your Work Shine

The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage.

Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience.

Designed for Image-Driven Work

Mood Design focuses on showcasing projects in the most effective way possible.

Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site.

Powerful Custom Components

Mood Design includes custom-built components designed specifically for visual portfolios.

Span Grid

A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project.

Draggable CMS Gallery

A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS.

Built for Creative Flexibility

Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:

Photographers
Interior designers
Architects
Creative studios
Visual artists
Designers and portfolios

The Idea Behind Mood Design

Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website.

Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling.

5a:[["$","$L5d",null,{"post":{"id":"019e2663-95c6-7197-964b-9f723affb9dc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"62842","resolved":true,"title":"Mood Design","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A Minimal Portfolio That Lets Your Work Shine"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The design feels calm and understated at first glance — but behind that simplicity is a powerful layout system designed specifically for visual storytelling. Large full-width grids, immersive project pages, and flexible gallery layouts allow images to take center stage."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for photographers, interior designers, architects, and visual studios, Mood Design turns your portfolio into an elegant visual experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Designed for Image-Driven Work"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design focuses on showcasing projects in the most effective way possible."}]},{"type":"paragraph","content":[{"type":"text","text":"Projects use large full-width masonry galleries that create a natural visual flow, making it easy for visitors to explore your work. Images scale beautifully across screen sizes and maintain strong visual rhythm throughout the site."}]},{"type":"customHeading","content":[{"type":"text","text":"Powerful Custom Components"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design includes custom-built components designed specifically for visual portfolios."}]},{"type":"customHeading","content":[{"type":"text","text":"Span Grid"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A full-width image grid that arranges photography across a 12-column system with configurable column spans and row heights. This allows you to create dynamic editorial-style layouts where images can expand, combine, and adapt to each project."}]},{"type":"customHeading","content":[{"type":"text","text":"Draggable CMS Gallery"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A horizontally scrolling gallery powered by Framer CMS. Visitors can drag to explore images, creating a smooth and intuitive browsing experience while allowing you to easily manage content directly from the CMS."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Creative Flexibility"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Although originally designed for interior design and architecture studios, Mood Design easily adapts to many creative disciplines:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interior designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual artists"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers and portfolios"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Idea Behind Mood Design"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Mood Design was created to feel quiet and restrained, allowing the work itself to define the personality of the website."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of overwhelming visitors with heavy design, the template provides a clean architectural framework that elevates images, projects, and visual storytelling."}]}]},"introduction":"Minimal portfolio for visual work","slug":"mood-design","author":{"framerUserId":"cfffe369-519f-4e6e-9689-0abca60f34cb","name":"Filip Banasiak","slug":"filip-banasiak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/221996/avatar-fkqNBQwWSqz1hHV6UlZdZwyTG7ZH5O.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfffe369-519f-4e6e-9689-0abca60f34cb/01a115f1-d43f-703e-88f5-8bc12dfc8d82.webp","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-IFrMqJwpfJHRCudztq8YmyB8Z7i3hb","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-AxHYnBVFNo2z7EtR43LKoFnOWXfBG7","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62842/mood-design-mOvHA6EywKcm8KWmpXkIJMn2T3MSEm","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-21T20:54:18.193Z","updatedAt":"2026-10-07T10:38:58.774Z","publishedAt":"2026-05-14T12:08:41.158Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"39","paymentUrl":"https://filipbanasiak.lemonsqueezy.com/checkout/buy/d82dc93b-7ad4-4504-b312-d857940d5b28","remixUrl":null,"previewUrl":"https://mooddesign.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":187,"name":"Architecture","slug":"architecture"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T12:08:41.158Z","updatedAt":"2026-05-14T12:08:41.158Z","reported":false}}],"$L5f"]

Suggested for you