All work
Case study

Pillo: A Cinematic Framer Template for Mobile Apps

A mobile app launch template with warm art direction, light and dark themes, and a focused path from product introduction to pricing.

Role
Framer Designer, Framer Developer, Web Designer
Tools
Figma, Framer
Published
Sep 2026
Live site
pillo-app.framer.website
Pillo: A Cinematic Framer Template for Mobile Apps

Original Apollo Studio Framer template. The brand and product content are fictional demonstrations.

Pillo is our Framer landing-page template for mobile apps and consumer products. We used a fictional sleep app to give the design a clear mood and a realistic set of screens. Apollo Studio designed the visual system, app presentation, and website as an original template.

Making the app visible

The hero pairs a phone mockup with a luminous orange flower. The device shows what the product looks like, while the large image establishes the warmth of the sleep-app concept. The same tones continue through the feature cards and supporting imagery.

The homepage brings together the product introduction, benefits, three steps explaining how it works, social proof, and frequently asked questions. Pricing has its own page, with a split-zoom transition. The release includes those two pages and a 404.

A separate pricing page gives the plans room for a clear comparison.
A separate pricing page gives the plans room for a clear comparison.

A separate pricing page gives the plans room for a clear comparison.

Behind the scenes: themes start in the foundations

Pillo’s Figma foundations document the relationship between base colors, colors assigned to interface roles, and components. The dark theme is the default, with a light mode in the color collection. Typography, spacing, corner radii, and responsive layout values sit in the same reference board.

The file also separates icons, buttons, small interface elements, larger sections, mood imagery, and mobile-screen illustrations. These are useful details to show because they explain how a distinctive visual direction becomes an editable template.

Pillo’s original Figma foundations: color roles, typography, spacing, radii, and responsive values.
Pillo’s original Figma foundations: color roles, typography, spacing, radii, and responsive values.

Pillo’s original Figma foundations: color roles, typography, spacing, radii, and responsive values.

Finishing the launch flow

The Framer version includes light and dark themes, a plan comparison, and testimonials arranged for desktop and mobile reading. It uses static pages, so it does not require a CMS plan.

Pillo is available as a Framer remix, with the source design in the Figma bundle. The ratings, usage figures, testimonials, and sleep claims in the example website are demonstration content, not measured results from a launched app.

Feature, pricing, and social-proof layouts share the same visual direction. Figures are sample content.
Feature, pricing, and social-proof layouts share the same visual direction. Figures are sample content.

Feature, pricing, and social-proof layouts share the same visual direction. Figures are sample content.

Explore the template on Startfrom

Pillo launch film

Have a product?
Let’s design it together.

Tell us where the product is today and what you need next.