Loading preview...

About This Template

A portfolio that doubles as a workspace

Biobricks is built for solo product designers, web designers, and digital craftspeople who want their site to feel like the editor they use every day — a quiet sidebar with their identity, the things they're online on, a search field — beside a long, scrollable column of work, services, and writing.

Designed for showing range

The home column hits four notes in order: latest works, services with prices, trust signals, and the stack — every visitor walks away knowing what you make, what you charge, who's vouched, and how you build.

Writing as a soft second pitch

A dedicated articles & publications grid keeps your writing visible without taking it off the homepage. Pair it with the inline newsletter pill at the bottom and your audience can subscribe without leaving the scroll.

Launch in 7 Steps

1

Replace the avatar photo with your portrait

2

Update name, title, and welcome paragraph

3

Swap the three latest works with your real projects

4

Set service prices to your rates

5

Add testimonials with permission

6

Update the stack with the tools you actually use

7

Connect the newsletter form to your provider

Biobricks

Personal portfolio with a persistent left sidebar — avatar, in-page nav, online socials, and search — beside a scrolling main column with project grid, services, testimonials, stack, and writing.

Free to use · No credit card required

Key Highlights

Persistent sidebar that stays put while the main column scrolls
Service cards with explicit starting prices
Testimonial pair with five-star ratings
Tooling stack rendered as a clean list
Inline newsletter signup with trailing arrow
Date-anchored footer for the always-current feel

Built For

Solo product / web designers
Solopreneurs and digital creators
UX freelancers with retainer clients
Designer-engineers who also write
#portfolio#designer#freelancer#sidebar#personal#minimal#writing

Related Templates

Airwave template

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 template

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 template

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).