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.
Amber
Warm hospitality link-in-bio for a café, wine bar, or restaurant — a faithful Linktree profile-card. A warm-sand page gutter with one elevated, fully-rounded ~600px centered white card; no header, no footer, and no email-capture section (a venue converts on reserve/menu/call). Ink-brown type, a bottle-green accent, Newsreader + Inter. Inside the card: circular logo → serif name → one-line bio → a 2-up photo-backed action pair (Reserve · Menu) → a grouped flat list panel with photo thumbnails → a social/contact row with a real tap-to-call link, then a horizontal 'on now' shelf of 3 Stripe items, and a short about block the card ends on. The action tiles ARE the conversion (menu-reservation).
Arena
Brand/organization link-in-bio for festivals and live events — a faithful Linktree profile-card. A plain near-black page gutter with one elevated, fully-rounded ~600px centered card; the darkened event photo lives INSIDE the card. No header, no footer. Off-white type, festival-yellow accent, Anton + Inter. Inside the card over the photo: circular logo → bold condensed name → dates/location line → vertical stack of sharp white cards (square logo tile, 2-line label; the priority Buy-tickets card filled festival-yellow) → social-icon row, then a stacked passes strip with Stripe buy buttons, a short about block, and the inline presale-list capture the card ends on. The cards ARE the conversion (ticket-sale).