Pointsman

Pointsman is a free Framer template for SaaS startups, developer tools and monitoring products, with a docs area, changelog, compare pages and a live status board.

The design starts from one idea: a railway signal box. A small train and hand-drawn railway staff walk along the bottom of the page. Everything around them stays quiet, with one typeface, cool paper and ink, and green and red kept for status alone.

Home tells the product story with an animated status board, product sections, integrations, a plan picker and short answers. Features has an index and a detail page for each feature. Compare gives you side by side pages. Changelog holds dated releases. Docs comes with search, code tabs and a sidebar. FAQ, Contact, legal pages, a 404 and a Styleguide finish the set.

What's included:

• 14 page layouts at Desktop, Tablet and Phone, with 3 legal pages from the CMS

• 9 CMS collections: Features, Included, Integrations, Comparisons, Changelog, Docs, FAQs, Legal and Testimonials

• Code components: Status Board, Plan List, Docs Search with Cmd+K, Code Tabs, Parade Row, Support Card, Top Blur, Smooth Scroll and Signal Loader

• Rolling hover states on every button

• Colour tokens and text styles that update every page

Good to know: the status board and incident are simulated, so connect your own data or replace the component before launch. Docs Search reads the published sitemap, so it shows results on the live site, not on the canvas. The rival products on the compare pages and the customer quotes are invented. Contact form messages need a destination in Framer. Smooth scroll and the intro can each be turned off from the layout template.