Type: Original Apollo Studio template Scope: Product strategy, art direction, UX/UI design, custom Figma visuals, Framer development, CMS, and motion Pages: 15 page layouts

Sunbeam is an original Framer template created by Apollo Studio for B2B SaaS companies, self-serve software products, and service-business platforms.

Many SaaS templates fall into one of two categories: overly serious enterprise design or cold, ultra-minimal developer aesthetics. We wanted Sunbeam to feel different. It is clear, warm, optimistic, and easy to customize.

The template is built around a fictional all-in-one platform for service businesses. The product combines CRM, invoicing, proposals, scheduling, and task management. This concept gave us the foundation to create realistic product interfaces and demonstrate how a complex SaaS product can be presented without making the website feel overwhelming.

We designed a light visual system with pastel color blocks, soft cards, friendly typography, and carefully structured layouts.

Every dashboard, invoice, pipeline, chart, and product interface was created from scratch in Figma. Together, these visuals make the fictional product feel consistent and believable across the entire website.

Colorful illustrated backgrounds support the product UI and give Sunbeam its distinct personality without distracting from the content.

Sunbeam includes 13 static pages and two CMS detail templates:

Homepage

CRM

Invoicing

Scheduling

Proposals

Tasks

Pricing

Case studies

Case study detail template

Blog

Article detail template

About

Contact

Terms and conditions

404

The CMS comes pre-populated with five articles and six case studies. Sunbeam also includes reusable components, responsive layouts, and structured sections that can be adapted to different SaaS products.

The homepage hero allows visitors to switch between CRM, Invoicing, Scheduling, Proposals, and Tasks. Each selection reveals a different product interface, helping SaaS companies present multiple use cases without overwhelming the page.

The case-study and blog collections include both overview and detail layouts. The blog also supports filtering, making it easy to organize and expand the content as the website grows.

All product visuals were designed specifically for Sunbeam. The template includes a cohesive collection of dashboards and product screens instead of generic screenshots or reused UI kits.

Animation is an important part of Sunbeam’s visual identity.

The template includes hero transitions, staggered card reveals, carousel interactions, animated product visuals, and hover effects across testimonials, logos, and content cards.

Sunbeam was conceived, designed, and built as an original Apollo Studio Framer template.

We handled the product concept, positioning, visual direction, custom interface design, Framer development, CMS architecture, responsive behavior, and motion system.

The result is a polished B2B SaaS website that founders and product teams can quickly customize and launch as their own.