Gibson — Modern Grid-based Portfolio
Gibson is a free, clean and bold portfolio template for designers. Launch in a day with CMS-driven projects, sticky nav, parallax, 3D cube covers, lightbox galleries, and easy-to-change accent color. Built to show work fast and win clients.
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.
Free to use: Duplicate and go — no paywall.
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.
Sections you get
Hero with bold type, dark styling, side link bars, and the auto-updating availability component.
Work with early project reveal, parallax, and the 3D cube effect; all data pulled from CMS.
About & Capabilities with a short intro and a flexible capabilities list (icons or examples).
Client logos using Framer vector sets — drop in your SVGs once and keep them consistent.
Work experience grid (company, role, timeframe, description) with optional images; two quick-link buttons for your CV and profiles.
Testimonials with profile photo, name, role, and optional company logo (layout stays tidy either way).
Footer with a clear CTA, a visual ticker (show experiments or highlights), nav, and socials. Customize via the layout template and side links.
Project page (fully CMS-driven)
Header with general info and title image; two buttons (Contact + Live link). If a field is empty, the button hides automatically.
About as rich text — format freely.
Extra metadata for year and stack.
Gallery with unlocked aspect ratios — add images in any format without forced cropping.
Auto labels via a custom component that displays image ALT text beneath the image.
Client review (optional; hides if empty).
See also grid shows four more projects; plus sticky top bar to move between projects or back to all work.
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.
