Plum Template

About Plum

Plum is a Framer template built for AI-powered employee training and learning platforms: course creation, team onboarding, progress tracking and compliance management tools. The layout is conversion-focused, the feature sections use real animated UI, and every color and typeface runs through styles so you can make it yours in an afternoon.

Key Features

Animated bento feature cards: Two rows of feature cards with live motion — an animated comparison bar chart showing your platform against competitors, a pulsing concentric-ring course builder visual, and a live AI chat panel showing real-time training insights. All copy and numbers update through component controls.

FAQ accordion: Seven training-focused questions with open and closed toggle states, built as a reusable component and duplicated across desktop and mobile variants automatically.

Blog with CMS: A listing page and a full detail template, seven written posts already in the collection, and a rich-text content field with heading, paragraph and bold formatting support.

Home page with eight sections: Hero, client logo bar, feature cards, how-it-works steps, testimonials, pricing, FAQ and latest blog posts — each section a self-contained component.

A full component library: Navigation, footer, pricing card, testimonial card, FAQ item, badge, rating, social links, buttons and form inputs — every repeating element is a component so one change updates the whole site.

All three breakpoints: Desktop at 1200 px, tablet at 810 px and phone at 390 px, assembled from the same components throughout so responsive changes propagate automatically.

Setup & Support

Plum comes with every section, component and CMS field clearly labelled. Color tokens carry both light and dark values, and text style presets are named and ready to update — swap your brand color and typeface in one place and the whole template follows.