Sawad Freelance developer portfolio template
Sawad is for freelance developers and design engineers. On a computer, a profile card stays pinned while your projects, experience, tools and writing scroll past, so visitors always know whose work they are looking at.
Who Sawad is for
- Senior software engineers shipping client work alongside a day job
- Solo product designers running a small consulting practice
- Freelance creative directors with a long project list and recent writing
- Design engineers who want a portfolio that reads like a personal site
- Engineers leaving a company and putting up a single page to ship
What’s included
- Pages
- 5 pages, written and laid out
- Grows with you
- 3 project entries at /projects/, 3 blog entries at /blog/ — add one and its index and detail page both update
- Enquiries
- A working form — messages land in your Sitelas inbox
- Fonts
- Poppins and Manrope · dark theme
Build Sawad by asking your AI agent
- 1Connect Sitelas to Claude, ChatGPT or another AI agent that supports MCP. How to connect
- 2Ask for it in plain words: “Build my developer portfolio with the Sawad template: I'm a freelance React developer, so show three client projects, my experience and the tools I use, with a contact form for project enquiries.”
- 3Open the preview link it sends back, ask for changes, and publish when it reads right.
Then keep changing it from the same chat
- Rewrite the copy“Rewrite the ‘Projects’ page with my details, in a warmer voice.”
- Change the design“Keep the layout, but swap Poppins for another typeface and use my brand colours.”
- Add project entries“Add three project entries from these notes, each with its own page.”
- Swap the photos“Replace the photos on the ‘Experience’ page with my own.”
Everything here can also be done by hand in the visual editor.
About the Sawad template
Built for freelance developers
Sawad is a personal site for developers who freelance or want to be found. Your photo and links stay beside every page, while projects, experience, tools and writing each get room of their own.
What's on the site
- Home with your bio, stats and a contact form with a budget field
- Projects, with a page for each
- Experience and Tools
- Thoughts, a blog with a page per post
Keeping it current
Projects and posts are collections: publish once and the home preview, the list and the detail page all update. The budget field helps you sort enquiries before a call.
Free to use · No credit card required
Key Highlights
Questions about Sawad
Can I write posts as well as show projects?
Yes. Projects and posts are both collections, each with a home preview, an index and a page per entry.
Can freelance clients share a budget?
Yes. The contact form has a budget field so you can qualify enquiries before a call.
Who is Sawad for?
Sawad is for a freelance developer or design engineer who wants client enquiries. On a computer, a card with your portrait, name and links stays in view on every page while your projects, experience, tools and blog scroll past, and the home page ends with a contact form that asks for a budget. For a single dark page that lists your roles and side projects and sends people to your email rather than a form, pick Console; for a studio with several people, Tessel; for a portfolio of photographs, Pazari or Cami.
What pages come with Sawad?
5 pages, already written and laid out: Home, Projects, Experience, Tools and Thoughts. Add, rename or remove pages whenever you like.
Can Claude or ChatGPT build my site from Sawad?
Yes. Connect Sitelas to your AI agent and ask for a site that uses Sawad. It fills in your details, sends you a preview link, and publishes when you approve. The same chat can keep running the site afterwards.
Can I change Sawad without code?
Yes. The Poppins and Manrope type, all 5 pages and the project entries, every photo and every colour can be changed in the visual editor, or by asking your AI agent.
What does it cost?
Nothing to start, with no trial clock. A free site runs on a sitelas.com address; Pro is $9 a month per site ($90 a year) for your own domain, analytics and more room.
Guides that use Sawad
How to Build a Resume Website From Your PDF in One Claude Chat
How to build a resume website without fighting a site builder: attach your résumé PDF in Claude, ask for a portfolio, preview it privately and publish when you're ready.
Build and Run a Website From Cursor, VS Code, or Gemini CLI
Sitelas is a connector, not an app — so the agent already in your editor can build your site and then keep running it. Here is the config for Cursor, VS Code, Gemini CLI and Claude Code, the first sentence to say, and the real site an agent built through it.
Make Sawad yours
All 5 pages open in the editor already written, with 3 starter project entries. Make the words and photos yours, then publish.
Free to use · No credit card required
Related templates
All portfolios & résumés templates →
Console
A dark two-column developer portfolio: sticky intro on the left, experience and projects on the right.
Loupe
A photographer's site of packed photo walls, where every photo opens full screen, plus a contact form.
Pazari
An ultra-minimal photography portfolio with category galleries and full-width images.
Selvedge
For a residential interior designer or small studio: a scattered grid of projects, fees and a project enquiry form.
Axel
A split-screen portfolio: a full-bleed image beside your work, blog and a contact form with budget.
Biobricks
For solo product and web designers: work, services with prices, writing, products and a tools page.