Sunbeam: A Framer Template for B2B SaaS
An original Apollo Studio Framer template for B2B SaaS companies, featuring custom product UI, 15 page layouts, CMS collections, and motion.
- Client
- Pixelpal
- Role
- Framer Designer, Framer Developer, Web Designer
- Tools
- Claude, Figma, Framer
- Published
- Jun 2026
- Live site
- sunbeam.framer.media
Sunbeam: The Friendly B2B SaaS Framer Template
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.
Design direction
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.
A complete SaaS website system
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.
Components designed to stand out
Interactive hero switcher
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.
CMS-powered case studies and blog
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.
Custom product UI
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.
Motion and interaction
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.
Created by Apollo Studio
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.
