Chroma

View Live Demo Contact to Purchase
Chroma shown on a tablet
Chroma shown on a desktop
Chroma shown on a phone
View live demo

Hover to scroll the pages · Click to open the live demo

Who This Template Is Perfect For

Built for studios that sell on taste

Creative

A bold, colour-led site for design studios and creatives whose portfolio has to do the convincing. Everything in the preview is a placeholder. The studio name, the palette, the projects and the services are all replaced with yours.

The Process

From here to live

Two to Four Weeks

01

You pick Chroma

Tell me this is the direction. We talk through the projects you want to lead with, the clients you are chasing, and the palette.

02

You send content

Your projects, your services and your palette. I send a simple checklist so nothing is missed.

03

I build it

I adapt the design to your brand and send it over to review. We go back and forth until you approve the final look.

04

We go live

Domain connected, analytics set up, and a full handover. After launch, new projects and any changes you want come straight to me and are handled as part of your monthly care plan.

Chroma sideways scrolling project gallery
The Standout Feature

A gallery that moves
sideways as you scroll

The work section pins to the screen and slides your projects horizontally as the visitor scrolls down, with a progress bar tracking how far through they are. It turns a portfolio grid into something people actually finish looking at. Then there is the palette switcher, five palettes, one click, and every colour on the page changes.

  • Pins and scrolls with no scroll-jacking or lag
  • Becomes an ordinary swipe strip on phones
  • Switches off cleanly for reduced-motion users
  • Add or remove projects without touching the code
  • Five palettes, one click, the whole page repaints
  • Every colour is a CSS variable, so nothing is hardcoded
  • Swap in your own palettes, as many as you like
  • Lets you show a client two directions live
Try It Live
Chroma abstract shapes and colour
Included in the Build

Everything a client
checks before enquiring

  • Full-height hero with morphing shapes and a staggered headline
  • Abstract shapes that drift at different speeds while scrolling
  • Scrolling services marquee
  • Six-service grid with colour-shift on hover
  • Pinned sideways project gallery with progress bar
  • Live palette switcher
  • Studio section, animated stats and a four-step process
  • Enquiry form capturing service and budget

What It Costs

Build, then hosting

Quoted Separately

$500+A one-time build fee, quoted per project based on how much you want on the site. Hosting and care is a separate monthly cost, quoted at the same time so you see both numbers before committing.

One-Time

The Build

Design adapted to your studio, your palette loaded into the switcher, your projects set into the gallery, enquiry form connected, and launch handled.

From $500, quoted per project. You will have a fixed number in writing before any work begins.

Monthly

Hosting & Care

Keeps the site online, fast, secure and backed up, with software kept current.

Separate from the build, quoted at the same time so you see both numbers together. New projects are added and sized for you as part of the plan.

Good to Know

Frequently Asked Questions

Before We Start

How does this actually work?

You are choosing a design direction, not buying a file. There is nothing to download or configure. I adapt this look to your brand, build every section around your content and your words, and send it over to review. We go back and forth until you approve the final look, then it goes live on your domain.

Isn't it risky for a designer to use someone else's design?

Fair question, and worth being straight about. What you are choosing is a structure and a set of behaviours. The palette, type, imagery and copy all become yours, which is most of what anyone perceives as the design. If you want something genuinely one-off, I build from a blank page too, it costs more and takes longer, and for a designer's own site that is often the right call.

Will all this animation slow the site down?

No. The movement is CSS transforms and a single scroll handler throttled to the browser frame rate, no animation library, no heavy dependencies. It also respects the reduced-motion setting, so visitors who have asked their device to calm animation down get a still version automatically.

Can each project get its own page?

Yes, and for a design studio it is usually worth it. The sideways gallery gets people interested, but a case study is what wins the enquiry. I will quote it separately so you can decide.

Can I use my own palette?

Yes. Every colour is a variable, so I will set the defaults to your brand and load whichever alternates you want into the switcher. If you would rather drop the switcher entirely, that is fine too.

Where do enquiries go?

Straight to your inbox. The form is wired to email you the moment someone submits it, with everything they filled out, so nothing sits in a dashboard waiting to be checked.

What if I want changes later?

Send them to me. New projects, updated copy, a new section, all of it is handled as part of your monthly care plan rather than billed piece by piece.

Do I own the website?

Yes. The files, the domain and the content are yours. If you ever move to another host or designer, everything transfers.

Love this template?

Build my site
with Chroma

Preferred contact method
Do you have a website?
Work With Me

Want something
entirely your own?

If none of the designs fit, I build from a blank page too. Same process, more discovery.

Let's Talk!