5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T86e,

Porteo – Personal Portfolio Framer Template

Live demo: https://porteo.framer.website/

Get This Template Free:- https://framer.link/dZtS12I

Porteo is a sleek, modern Framer portfolio template built for designers, developers, freelancers, and creatives who want a polished, professional online presence.

Key Sections:

Hero – Bold intro, local time display, client rating badge, rotating skill tags
About – Mission statement, "Download CV" button, scrolling client logo marquee
Portfolio – Project grid with case study cards (number, year, client, category tag) linking to individual project pages
Expertise – Numbered service list (Web Development, Brand Identity, Website Redesign, Design Consultation, Landing Pages) in accordion layout
Work Process – 4-step flow: Discover → Design → Develop → Launch
Testimonials – Client quote cards + animated stats (designs created, sites launched, satisfaction %, awards)
Pricing – Tiered package cards with deliverables and CTA
Contact – Form with name, email, service dropdown, and message field; social links in footer

Design Style: Minimalist, editorial layout with generous whitespace, neutral palette, smooth scroll animations, and full mobile responsiveness.

Best For: Freelance designers, developers, and small agencies wanting a no-code, fully customizable portfolio + lead-gen site — all text, images, and colors editable visually in Framer.

Need help or have questions?

Contact support at hello.tempbix@gmail.com.

5a:[["$","$L5d",null,{"post":{"id":"019f9544-c2c5-755e-844c-ebac904e9e2b","title":null,"body":"

Porteo – Personal Portfolio Framer Template

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Porteo – Personal Portfolio Framer Template"}]}]},"author":{"framerUserId":"838a4bfc-7e65-4b83-a7cb-91b3101848d8","name":"Tempbix","slug":"tempbix","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/lpj8oubr","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"70106","resolved":true,"title":"Porteo","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Porteo – Personal Portfolio Framer Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Live demo:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://porteo.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://porteo.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get This Template Free:- "},{"type":"text","text":"https://framer.link/dZtS12I","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/dZtS12I","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Porteo is a sleek, modern Framer portfolio template built for designers, developers, freelancers, and creatives who want a polished, professional online presence."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Sections:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero","marks":[{"type":"bold"}]},{"type":"text","text":" – Bold intro, local time display, client rating badge, rotating skill tags"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]},{"type":"text","text":" – Mission statement, \"Download CV\" button, scrolling client logo marquee"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio","marks":[{"type":"bold"}]},{"type":"text","text":" – Project grid with case study cards (number, year, client, category tag) linking to individual project pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expertise","marks":[{"type":"bold"}]},{"type":"text","text":" – Numbered service list (Web Development, Brand Identity, Website Redesign, Design Consultation, Landing Pages) in accordion layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work Process","marks":[{"type":"bold"}]},{"type":"text","text":" – 4-step flow: Discover → Design → Develop → Launch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials","marks":[{"type":"bold"}]},{"type":"text","text":" – Client quote cards + animated stats (designs created, sites launched, satisfaction %, awards)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing","marks":[{"type":"bold"}]},{"type":"text","text":" – Tiered package cards with deliverables and CTA"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]},{"type":"text","text":" – Form with name, email, service dropdown, and message field; social links in footer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design Style:","marks":[{"type":"bold"}]},{"type":"text","text":" Minimalist, editorial layout with generous whitespace, neutral palette, smooth scroll animations, and full mobile responsiveness."}]},{"type":"paragraph","content":[{"type":"text","text":"Best For:","marks":[{"type":"bold"}]},{"type":"text","text":" Freelance designers, developers, and small agencies wanting a no-code, fully customizable portfolio + lead-gen site — all text, images, and colors editable visually in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help or have questions?","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Contact support at "},{"type":"text","text":"hello.tempbix@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello.tempbix@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Personal Portfolio Framer Template","slug":"porteo","author":{"framerUserId":"838a4bfc-7e65-4b83-a7cb-91b3101848d8","name":"Tempbix","slug":"tempbix","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/lpj8oubr","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/a6EtXvaSISmvv8aEbqxbmxDIyrRArfjXqIMUVaFvrMY.m3u8","metadata":{"posterUrl":"https://image.mux.com/a6EtXvaSISmvv8aEbqxbmxDIyrRArfjXqIMUVaFvrMY/thumbnail.webp?time=2.1","aspectRatio":"4:3","duration":28.433333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/019f9544-498f-741a-a0af-fe172a1a1a24.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/019f9542-f477-72ae-ba95-c43b5802697c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/838a4bfc-7e65-4b83-a7cb-91b3101848d8/019f9542-f7da-7579-ba08-380c6b6b651a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-24T17:55:38.917Z","updatedAt":"2026-07-25T15:54:16.134Z","publishedAt":"2026-07-24T17:55:38.911Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/dZtS12I","remixUrl":"https://framer.link/dZtS12I","previewUrl":"https://porteo.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":244,"name":"Personal Blog","slug":"personal-blog"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":38,"name":"P3 Colors","slug":"p3-colors"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":61,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T17:55:39.333Z","updatedAt":"2026-07-24T17:55:39.333Z","reported":false}}],"$L5f"]

Suggested for you