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

SunRoom is a portfolio and résumé on one bright page, made for people who design and build.

Most résumé templates are a column of text with a photo on top. SunRoom lays a career out as a board of soft cards: who you are, what you shipped, where you worked and how to hire you, each readable at a glance.

WHAT MAKES IT DIFFERENT

A dock instead of a navbar. A floating dock sits at the bottom of every page. Icons magnify under the cursor, the section in view lights up as you scroll, and one button copies your email address.

A clock that follows your daylight. One tile shows your local time in any time zone, with the sun travelling along an arc through the day and dropping below the horizon at night.

Résumé and portfolio together. Experience, education and recognition sit beside CMS-driven projects, so a recruiter and a client both find what they came for.

Case studies that tell the story. Each project page has the facts, the challenge, the approach and the outcome, a gallery, three result figures and a link to the next project.

Light and dark. Every colour has both values, and the site follows the visitor's system setting.

WHAT'S INSIDE

6 pages: home, work, case study (CMS), about, contact, 404

3 CMS collections: projects, experience, testimonials

3 code components: dock, daylight clock, count-up numbers

A contact form with sending and sent states

15 colour tokens with light and dark values, 11 text styles

3 breakpoints: desktop, tablet, phone

5a:[["$","$L5d",null,{"post":{"id":"01a10c9b-98ee-709c-9edd-625a05697f6c","title":null,"body":"

New Resume Template - Available for FREE

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New Resume Template - Available for FREE"}]}]},"author":{"framerUserId":"abfdbf09-9b18-4b58-99bd-937d95a683f8","name":"Ajoy","slug":"ajoy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/eenbkjvo","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74807","resolved":true,"title":"SunRoom","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SunRoom is a portfolio and résumé on one bright page, made for people who design and build."}]},{"type":"paragraph","content":[{"type":"text","text":"Most résumé templates are a column of text with a photo on top. SunRoom lays a career out as a board of soft cards: who you are, what you shipped, where you worked and how to hire you, each readable at a glance."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT MAKES IT DIFFERENT"}]},{"type":"paragraph","content":[{"type":"text","text":"A dock instead of a navbar. A floating dock sits at the bottom of every page. Icons magnify under the cursor, the section in view lights up as you scroll, and one button copies your email address."}]},{"type":"paragraph","content":[{"type":"text","text":"A clock that follows your daylight. One tile shows your local time in any time zone, with the sun travelling along an arc through the day and dropping below the horizon at night."}]},{"type":"paragraph","content":[{"type":"text","text":"Résumé and portfolio together. Experience, education and recognition sit beside CMS-driven projects, so a recruiter and a client both find what they came for."}]},{"type":"paragraph","content":[{"type":"text","text":"Case studies that tell the story. Each project page has the facts, the challenge, the approach and the outcome, a gallery, three result figures and a link to the next project."}]},{"type":"paragraph","content":[{"type":"text","text":"Light and dark. Every colour has both values, and the site follows the visitor's system setting."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT'S INSIDE"}]},{"type":"paragraph","content":[{"type":"text","text":"6 pages: home, work, case study (CMS), about, contact, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"3 CMS collections: projects, experience, testimonials"}]},{"type":"paragraph","content":[{"type":"text","text":"3 code components: dock, daylight clock, count-up numbers"}]},{"type":"paragraph","content":[{"type":"text","text":"A contact form with sending and sent states"}]},{"type":"paragraph","content":[{"type":"text","text":"15 colour tokens with light and dark values, 11 text styles"}]},{"type":"paragraph","content":[{"type":"text","text":"3 breakpoints: desktop, tablet, phone"}]},{"type":"paragraph"}]},"introduction":"Bento Portfolio & Resume Template","slug":"sunroom","author":{"framerUserId":"abfdbf09-9b18-4b58-99bd-937d95a683f8","name":"Ajoy","slug":"ajoy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/eenbkjvo","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a10c9a-beee-727e-964a-8037f913403f.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a10c9a-d39d-743e-a186-4395c170675f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a10c9b-24e5-7019-b178-ae6a0018d5d9.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a10c9b-0865-72ce-9019-7d13edef8b7f.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a10c9b-127d-76da-8f83-a99ff4ecbce3.png","metadata":{"tint":{"h":15,"s":82,"l":60},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-05T15:08:05.485Z","updatedAt":"2026-10-05T15:08:05.485Z","publishedAt":"2026-10-05T15:08:05.480Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/g9hehcA","remixUrl":"https://framer.link/g9hehcA","previewUrl":"https://sunroomtemplate.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":269,"name":"Resume","slug":"resume"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T15:08:06.254Z","updatedAt":"2026-10-05T15:08:06.254Z","reported":false}}],"$L5f"]

Suggested for you