Cobalt Studio

About Cobalt Studio

Cobalt is a Framer template for web design studios and small agencies that sell websites, brands and ongoing design work.

What makes it different

Most agency templates show the work and stop there.

Cobalt also answers what clients want to know before they email: what you do, how long it takes and what it costs. Services open as tabs with deliverables, a timeline and a starting price. An eight week timeline walks through your process milestone by milestone. Three fixed price plans get a page of their own. The look is one confident color, cobalt blue, with Bricolage Grotesque type and quiet motion.

Pages

Home, Work, project page, Services, Pricing, About, Journal, article page, Contact, Privacy policy and a custom 404.

CMS collections

Projects: client, services, year, summary, cover, card color, case study and gallery images.

Journal: category, date, cover, excerpt, read time and article.

Team: name, role and photo.

Built in

  1. A contact form with budget options on every page, including sending, sent and error states.

  2. Stacking project cards on the home page.

  3. A showreel that opens in a full screen video player.

  4. A tabbed services panel, FAQ and testimonials.

  5. Buttons with a sliding arrow on hover.

  6. Scroll reveals and line by line headline animations.

  7. Desktop, tablet and phone layouts on every page.

  8. Color and text styles, so you change the look once and every page follows.

  9. Page titles, descriptions and alt text ready for search.

  10. A setup guide on the canvas to get you going.

Good for

Web design studios, Framer agencies, freelancers who design and build websites, and small creative teams.