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:T7ef,

Turn your portfolio into a notebook people actually want to read.

Jotter isn't another sleek dark dashboard template. It's a clean, neutral portfolio built for product designers who care more about the thinking behind their work than the polish on top. Perfect for product designers, UX and UI designers, and design leads who want a portfolio that feels personal and considered.

What makes Jotter different:

→ Neutral, not loud. White and gray tones, clean sans-serif type and simple hairline borders instead of gradients and glassmorphism, built for people who want their portfolio to feel calm and considered, not flashy.

→ A living desk, not a static page. Project previews scattered across a draggable canvas, exactly like notes and objects on a real desk, with playful interactive details throughout.

→ Case studies that breathe. Every project links to its own dedicated page, not a cramped modal, so your process gets the space it deserves.

Pages included:

Core: Home, About, Project (case study template, duplicate for each project)
Legal: 404, Terms of Service, Privacy Policy

What you get:

Fully responsive, mobile, tablet and desktop
Draggable canvas interactions
CMS powered reusable case study template for unlimited projects
Legal pages included and ready to customize
Clean, well organized Framer components

Perfect for:

Product Designers • UX Designers • UI Designers • Design Leads • Freelance Designers • Design Systems Specialists • Portfolio Sites • Personal Branding • Job Seekers • Design Students • Creative Directors • Independent Consultants

Ready to make your portfolio feel like yours? Get Jotter and start writing your story.

5a:[["$","$L5d",null,{"post":{"id":"019faf0d-d623-7768-8236-65fcf4a157e5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"81691031-3943-407c-8547-605c234092c0","name":"Arthur Duchesne","slug":"arthurdch","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/458vx98t","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70377","resolved":true,"title":"Jotter","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn your portfolio into a notebook people actually want to read.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Jotter isn't another sleek dark dashboard template. It's a clean, neutral portfolio built for product designers who care more about the thinking behind their work than the polish on top. Perfect for product designers, UX and UI designers, and design leads who want a portfolio that feels personal and considered."}]},{"type":"paragraph","content":[{"type":"text","text":"What makes Jotter different:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"Neutral, not loud.","marks":[{"type":"bold"}]},{"type":"text","text":" White and gray tones, clean sans-serif type and simple hairline borders instead of gradients and glassmorphism, built for people who want their portfolio to feel calm and considered, not flashy."}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"A living desk, not a static page.","marks":[{"type":"bold"}]},{"type":"text","text":" Project previews scattered across a draggable canvas, exactly like notes and objects on a real desk, with playful interactive details throughout."}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"Case studies that breathe.","marks":[{"type":"bold"}]},{"type":"text","text":" Every project links to its own dedicated page, not a cramped modal, so your process gets the space it deserves."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Core: Home, About, Project (case study template, duplicate for each project)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal: 404, Terms of Service, Privacy Policy"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, mobile, tablet and desktop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable canvas interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS powered reusable case study template for unlimited projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal pages included and ready to customize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, well organized Framer components"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Product Designers • UX Designers • UI Designers • Design Leads • Freelance Designers • Design Systems Specialists • Portfolio Sites • Personal Branding • Job Seekers • Design Students • Creative Directors • Independent Consultants"}]},{"type":"paragraph","content":[{"type":"text","text":"Ready to make your portfolio feel like yours? Get Jotter and start writing your story.","marks":[{"type":"bold"}]}]}]},"introduction":"Creative Portfolio Template","slug":"jotter","author":{"framerUserId":"81691031-3943-407c-8547-605c234092c0","name":"Arthur Duchesne","slug":"arthurdch","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/458vx98t","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019faf0b-1464-7750-afac-9f88411e6262.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"video","url":"https://stream.mux.com/kK3pnRGn01giobFySuBi96LJe7u00jE2ioHkS1XJodK900.m3u8","metadata":{"posterUrl":"https://image.mux.com/kK3pnRGn01giobFySuBi96LJe7u00jE2ioHkS1XJodK900/thumbnail.webp?time=26.317","aspectRatio":"3:2","duration":30.933333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019faf0b-1582-73aa-a4b7-89cf2c2bee7a.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019faf0b-1443-766c-b4fe-5de70c18cac7.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-29T18:05:47.035Z","updatedAt":"2026-08-28T16:46:36.036Z","publishedAt":"2026-07-29T18:05:47.032Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/fBuG8BV","remixUrl":"https://framer.link/fBuG8BV","previewUrl":"https://jotter.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":191,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T18:05:47.427Z","updatedAt":"2026-07-29T18:05:47.427Z","reported":false}}],"$L5f"]

Suggested for you