Biobricks Freelance web designer website template
Biobricks is for solo product designers and web designers who sell services, write and ship their own products. A quiet sidebar holds your identity while a long column carries your work, services, writing and tools.
Who Biobricks is for
Built for these, and tested against them.
- Solo product / web designers
- Solopreneurs and digital creators
- UX freelancers with retainer clients
- Designer-engineers who also write
What’s included
Everything below ships with the template, already filled in.
- Pages
- 7 pages, written and laid out
- Grows with you
- 4 project entries at /projects/, 4 post entries at /writing/, 3 product entries at /products/ — add one and its index and detail page both update
- Enquiries
- A working form — messages land in your Sitelas inbox
- Fonts
- Inter · light theme
- Everywhere
- Built and checked at phone, tablet and desktop widths
- Yours to change
- Every colour, word and photograph — in the editor or by asking an AI agent
Build Biobricks by asking your AI agent
No editor required. The agent writes your copy, swaps the photos and publishes the site.
- 1Connect Sitelas to Claude, ChatGPT or another AI agent that supports MCP. How to connect
- 2Ask for it in plain words: “Build a website for an independent product designer with retainer clients using the Biobricks template.”
- 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 every page in a warmer, friendlier voice.”
- Change the design“Make the colours earthier and use a serif for headings.”
- Add or remove pages“Add a Pricing page and remove the Blog.”
- Rearrange sections“Move the testimonials higher and add an FAQ.”
- Swap the photos“Replace the photos with ones that fit my business.”
- Run the site“Show me this week's form messages, then publish.”
Everything here can also be done by hand in the visual editor.
About the Biobricks template
Built for freelance web and product designers
Biobricks suits a designer who does client work and also sells templates or kits. Your name and links stay in a side column while work, services, products and writing fill the page.
What's on the site
- Home with services and starting prices, testimonials and a newsletter signup
- Projects, Writing and Products, each entry with its own page
- Stacks, the tools you use every day
- About and Contact
What to know
Products such as templates or kits can each link to a Stripe Payment Link. Projects, posts and products are collections, so the site grows without layout work.
When to pick something else
Biobricks is the wrong template for these. Where there is a better one, it is linked.
- Agency or studio with multiple team members — try Obsidian or Flagship
- Image-only photographer portfolio — try Cami or Pazari
- Academic researcher — try Scholar or Thesis
- Storefront with a cart and on-site checkout — try Counter or Kilnwork
- Single-page broadsheet portfolio — try Monograph
- Marketing landing page for a SaaS product — try Nimbus
Free to use · No credit card required
- 1Opens in the editor with the starter content in place
- 2Change the words and pictures to yours
- 3Publish to a sitelas.com address, or your own domain
Key Highlights
Questions about Biobricks
Can I list my services with prices?
Yes. Service cards show a starting price for each offer.
Can I sell templates or kits too?
Yes. Products are a collection with their own pages, and each can link to a Stripe Payment Link.
Who is Biobricks for?
Biobricks is built for an independent product designer with retainer clients, a solopreneur web designer with services + writing and an UX freelancer who also publishes essays. Not built for agency or studio with multiple team members — try Obsidian or Flagship instead.
What pages come with Biobricks?
7 pages, already written and laid out: Home, About, Projects, Products, Writing, Stacks and Contact. Add, rename or remove pages whenever you like.
Can Claude or ChatGPT build my site from Biobricks?
Yes. Connect Sitelas to your AI agent and ask for a site that uses Biobricks. 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 Biobricks without code?
Yes. Click any text, photo or colour to change it in the visual editor, or ask your AI agent to make the change. Nothing is locked.
What does it cost?
Nothing to start, with no trial clock. A free site runs on a sitelas.com address; Pro is $16 a month per site ($160 a year) for your own domain, analytics and more room.
Can I use my own domain?
Yes, on Pro. Point your domain at the site and the SSL certificate is issued and renewed for you.
Make Biobricks yours
It opens in the editor with every page already written. Change what you want, publish when it reads like you.
Free to use · No credit card required
Related templates
All portfolios & résumés templates →
Sawad
A dark engineer portfolio with a sticky profile card, projects, experience, tools and a blog.
Vitae
A classic one-page CV: section labels on the left, experience, skills and education on the right.
Axel
A split-screen portfolio: a full-bleed image beside your work, blog and a contact form with budget.
Cami
A warm, image-led portfolio where large project photos lead, with case-study pages and an enquiry form.
Console
A dark two-column developer portfolio: sticky intro on the left, experience and projects on the right.
Jasper
A one-page online résumé: experience, education and awards in a clean, scannable document layout.