About This Template
A sticky-sidebar dark portfolio
Sawad is the engineer-portfolio archetype — a profile card pinned to the left while the work scrolls past on the right. Every page reuses the same sidebar so the visitor always knows whose work they are looking at.
Built for solo engineers and designers
Senior software engineers, product designers, freelance founders and creative directors who want a single dense home page plus deep archive pages for projects, experience, tools and writing. The hero leads with a two-tone display headline and a stats strip; the second screen is a pair of oversized skill cards that anchor what the person actually does.
Warm-dark palette with a single orange accent
Warm-black background, white type, one orange accent for status and CTAs, and a single lime card to give the page a second visual register. Poppins for the big uppercase heads, Satoshi for body. The lime card is the one place the design lets a second color in — restraint everywhere else.
Launch in 6 Steps
Replace the portrait, name and tagline in the sidebar
Update the four social links (Dribbble / Twitter / Instagram / Email)
Swap the stats strip with your real numbers
Replace the six project rows with your actual work + thumbnails
Update the experience timeline with your real roles and dates
Connect the contact form to your inbox via the form webhook
Sawad
Sticky-sidebar dark portfolio for software engineers and product designers. Left rail holds a portrait card with name, status badge, tagline and socials. Right rail scrolls through hero, stats, two oversized skill cards, recent projects, experience timeline, premium tools grid, blog previews and a contact form. Five-page narrative — Home, Projects, Experience, Tools, Thoughts — plus blog detail pages. Poppins display for the two-tone uppercase heads, Satoshi body, warm-black background with a single orange accent and a lime second card.
Free to use · No credit card required
Key Highlights
Built For
Related Templates
Airwave
A bold podcast and creator page with dark charcoal tones, electric purple accents, episode listings, guest spotlights, and platform subscription links — designed for shows that want to look as good as they sound.
Atrium
A help center / knowledge base template for SaaS products, tools, and services. Search-first hero, category tiles, long-form article detail with callouts and table-of-contents sidebar. Built for the product that gets asked the same question twice.
Axel
Split-screen personal portfolio for solo creatives. Left half is a full-bleed image rail with a handwritten brand mark and overlay project labels. Right half is a typography-led content rail with nav, status pill, and oversized headline. Five-page narrative (Home / About / Projects / Blog / Contact) with a status-pill conversion strip and a structured project list. Inter body, Style Script signature, Allura brand mark, neutral light palette with a single green status accent.