Planchet

Planchet is a Framer template for fintech startups, card programs and spend management apps that want a calm, modern site with real motion. It opens with a short coin loader, an animated gradient hero with four auto-advancing product tabs, a headline that reveals word by word and a trust line for encryption, SOC 2 and PCI DSS right below it.

The Home page tells the full product story: floating notifications around the hero, metrics, a client ticker, a three-step setup section, a bento of interactive cards, a budget switcher, a privacy section where card numbers stay masked, customer quotes, a pricing teaser, an FAQ and the latest blog posts.

Every list runs on the CMS. Use cases and the blog each have a detail page, social images bound to the cover and SEO titles built from your content. Careers lists open roles from the CMS, Pricing shows three plans with a compare table, Contact has a working form and Legal has a sticky section menu. An About page, Imprint, a custom 404 and a Styleguide with every color, text style, button and icon are included.

The system is easy to restyle: semantic color styles, text styles with tablet and phone sizes, a 12 column grid capped at 1440px, Lucide icons and one Button component with four variants. A page transition, spring based scroll animations and reduced motion support are set up site wide. Two built-in Framer Skills, design-system and customize, guide edits with AI.

What's included:

• 13 pages: Home, Use cases, Use case detail, Blog, Blog post, Pricing, About, Contact, Careers, Legal, Imprint, Styleguide, 404

• 4 CMS collections: Use cases, Blog, Testimonials, Open roles

• Page loader, page transition, word reveal hero headline and spring scroll animations

• Responsive Desktop, Tablet and Phone layouts with a full-screen phone menu

• SEO titles, descriptions, social images and favicon

• Framer Skills: design-system and customize

Good to know: all names, numbers and contact details are demo content. Support: r.oybek2001@gmail.com