Project: Daylight, a premium Framer template for B2B SaaS
Model: Revenue share partnership
Our role: Design direction, Figma illustrations and UI visuals, Framer build, animations (we delivered ~90% of the project end to end)
Timeline: 4 weeks
The brief
Frank came to us with a sharp observation about the Framer marketplace: B2B SaaS templates all lean one of two ways. Either hyper-serious and enterprise-ish, or ultra-minimal, cold, and dev-centric. Nothing served the founders actually buying templates at this end of the market: early-stage, self-serve B2B SaaS, the kind of product a service business owner signs up for on a Tuesday night.
The positioning we agreed on was clarity plus relief. The emotional note a founder should hit on the page is "this won't suck." So we built Daylight around a fictional all-in-one tool for service businesses (think Bonsai: CRM, invoicing, proposals, scheduling, tasks) and gave it a visual language that's minimal but friendly. Warm, optimistic, colorful. Closer to Headspace than to a dev tool.
The working model was unusual too: no fixed fee. We partnered on revenue share, which meant we had real skin in the game. Every decision had to answer one question: does this make someone buy the template?
What we made
A complete, production-ready template: homepage, five product pages (CRM, Invoicing, Scheduling, Proposals, Tasks), pricing, CMS-driven case studies and blog, about, and contact. Our team delivered roughly 90% of the project: design direction, every Figma illustration and UI mock, the full Framer build, and all motion.
Design direction
We landed on a warm, light-themed system with pastel color blocks, soft cards, and rounded, friendly type. The product UI mocks (dashboards, invoices, pipelines) were designed from scratch in Figma in the same visual language, so the fake product feels like a real one you'd want to use. Colorful illustrated backgrounds sit behind the UI highlights and carry the happy-vibes tone without fighting the content.
Components that sell the template
A template competes on what buyers can't easily build themselves, so we packed in a few signature pieces:
Hero use-case switcher. The homepage hero lets a visitor flip between CRM, Invoicing, Scheduling, Proposals, and Tasks, swapping the UI visual live. Rare in Framer templates, and a real reason to buy this one.
Logo grid with hover states. Instead of the logo ticker you see everywhere, a clean grid where hovering a logo reveals its customer story, Linear-style.
Pricing with a full comparison table. Three tiers, monthly/yearly toggle, and a feature-by-feature plan comparison. Most templates skip the hard part.
CMS-driven case studies and blog with filters. ElevenLabs-style customer stories overview with detail pages, plus a filterable blog, all wired to the Framer CMS so buyers just swap content.
Motion
Animations were treated as part of the brand, not decoration. Carousel transitions in the hero, staggered card reveals, hover micro-interactions across the logo grid and testimonials. Everything tuned to feel light and quick, matching the "running your business doesn't have to feel heavy" narrative.
The partnership model
This project ran on revenue share instead of a flat fee. Frank brought the market insight and distribution, we brought the full design and build capability. That structure changed how we worked: we scoped like product owners, not vendors. Features earned their place by making the template more sellable, and polish wasn't a line item to negotiate, it was the product.
Outcome
Daylight shipped as a complete 11-page template with custom UI illustrations, a full animation system, and CMS wiring ready for buyers to make it theirs.
Design direction, custom Figma UI illustrations, Framer build, and animations for Daylight, a friendly B2B SaaS template. Built on a revenue-share model.