56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:Tc1c,

View live demo

Template Overview and Tutorial:

Template Overview and Tutorial

Gibson is a clean, fast, and striking portfolio template made for designers who want to look credible and start getting clients — today. It puts your work front and center, keeps navigation always visible, and gives you just the right set of polished components to launch in one day.

What makes it different

Work first: Projects appear immediately as you scroll; no fluff, just proof.
Bold, minimal aesthetic: Dark theme, confident typography, and a simple 4-line grid for crisp rhythm.
One-day launch: Fill the CMS, drop in visuals, adjust one accent color, publish.
Zero-maintenance touches: Availability component auto-updates to the current/next month.

Key features

Customizable accent color — drag a single handle in the Assets panel to re-skin the site.
Side link bars — add your custom links that stay visible across the site.
Sticky navigation — follows the user down the page for frictionless browsing.
Parallax reveal — a subtle scroll effect that brings your work to life.
3D cube project cover — match cube color to each project via a CMS background color; looks premium, set up in seconds.
CMS-driven content — descriptions, tags, visuals, metadata, and more are all editable in the CMS.
Modern media experience — Framer’s latest lightbox is built-in for smooth image viewing.

Launch in a day — quick checklist

Duplicate Gibson in Framer (free).
Add 4–8 projects to the CMS (title image, short description, visuals, tags, optional live link).
Set each project’s background color in CMS to match your visuals for the 3D cube.
Write a short About, capabilities, and experience entries.
Drop in client logos (SVG) and a couple of testimonials.
Pick your accent color, update side links + footer CTA, and publish.

Gibson is built to help you show your best work fast, look credible, and convert visitors into clients — without getting lost in setup. Duplicate it, load your projects, and go live in one day.

53:[["$","$L56",null,{"post":{"id":"0199ee33-4acd-73fd-acfc-2d6a139ef5e0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04ad2b89-82ed-4976-ac9c-59816e48b3a7","name":"Nick Stepuk","slug":"stfnco","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04ad2b89-82ed-4976-ac9c-59816e48b3a7/h57j9bhw","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"56457","resolved":true,"title":"Gibson","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"View live demo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://gibson.framer.website","target":"_blank"}}]}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Template Overview and Tutorial:"}],"attrs":{"level":1}},{"type":"customYoutube","attrs":{"src":"https://www.youtube.com/embed/F1141nbCbH4?color=white&autoplay=0&controls=1&rel=0","width":700,"height":395,"caption":"Template Overview and Tutorial","data-youtube-url":"https://www.youtube.com/watch?v=F1141nbCbH4&t=3s"}},{"type":"paragraph","content":[{"type":"text","text":"Gibson is a clean, fast, and striking portfolio template made for designers who want to look credible and start getting clients — today. It puts your work front and center, keeps navigation always visible, and gives you just the right set of polished components to launch in one day."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes it different"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work first:","marks":[{"type":"bold"}]},{"type":"text","text":" Projects appear immediately as you scroll; no fluff, just proof."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold, minimal aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" Dark theme, confident typography, and a simple 4-line grid for crisp rhythm."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-day launch:","marks":[{"type":"bold"}]},{"type":"text","text":" Fill the CMS, drop in visuals, adjust one accent color, publish."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero-maintenance touches:","marks":[{"type":"bold"}]},{"type":"text","text":" Availability component auto-updates to the current/next month."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable accent color","marks":[{"type":"bold"}]},{"type":"text","text":" — drag a single handle in the Assets panel to re-skin the site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side link bars","marks":[{"type":"bold"}]},{"type":"text","text":" — add your custom links that stay visible across the site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — follows the user down the page for frictionless browsing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax reveal","marks":[{"type":"bold"}]},{"type":"text","text":" — a subtle scroll effect that brings your work to life."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D cube project cover","marks":[{"type":"bold"}]},{"type":"text","text":" — match cube color to each project via a CMS background color; looks premium, set up in seconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-driven content","marks":[{"type":"bold"}]},{"type":"text","text":" — descriptions, tags, visuals, metadata, and more are all editable in the CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern media experience","marks":[{"type":"bold"}]},{"type":"text","text":" — Framer’s latest lightbox is built-in for smooth image viewing."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Launch in a day — quick checklist"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duplicate Gibson in Framer (free)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add 4–8 projects to the CMS (title image, short description, visuals, tags, optional live link)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set each project’s background color in CMS to match your visuals for the 3D cube."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Write a short About, capabilities, and experience entries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop in client logos (SVG) and a couple of testimonials."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick your accent color, update side links + footer CTA, and publish."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Gibson is built to help you show your best work fast, look credible, and convert visitors into clients — without getting lost in setup. Duplicate it, load your projects, and go live in one day.","marks":[{"type":"bold"}]}]}]},"introduction":"Modern Grid-based Portfolio","slug":"gibson","author":{"framerUserId":"04ad2b89-82ed-4976-ac9c-59816e48b3a7","name":"Nick Stepuk","slug":"stfnco","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04ad2b89-82ed-4976-ac9c-59816e48b3a7/h57j9bhw","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56457/gibson-oxUsb71cE8I6yb9Xo8OTpoGxieM8D6","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56457/gibson-0QKgfsIG4dezKh15E8vOWJhObWgVIu","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04ad2b89-82ed-4976-ac9c-59816e48b3a7/01a0002a-d0a2-75db-99c6-9b0877b0eba1.png","metadata":{"tint":{"h":204,"s":94,"l":25},"width":1200,"height":128}}],"post":null,"createdAt":"2025-10-07T14:55:27.704Z","updatedAt":"2026-08-14T12:06:48.005Z","publishedAt":"2025-10-16T18:06:02.957Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/vrCpyTK","remixUrl":"https://framer.link/vrCpyTK","previewUrl":"https://gibson.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":6,"name":"3D","slug":"3d"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"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":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":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":35,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-16T18:06:02.957Z","updatedAt":"2025-10-16T18:06:02.957Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you