Saasnoir

Saasnoir is a dark, product-led website template for developer tools, software startups and SaaS products, with one bright accent colour. It is built entirely in Framer with no code: every section, effect and product visual is made from normal Framer layers, components and CMS, so you can change all of it in the Framer editor without writing a line of code. The product screens, like a log view and a trace timeline, are built from Framer frames and text, so you can change them like any other layer.

The home page opens with a headline that fades in word by word above a product window that rises into place as you scroll. Below it are a logo ticker, feature sections with product views, logs, alerts, how it works, key numbers, a testimonial, customer stories, a pricing preview, an FAQ, the latest blog posts and a call to action.

It includes 9 pages: Home, Features, Pricing, Customers, Customer story, Blog, Blog post, Contact (with a form) and 404, each with desktop, tablet and phone layouts. The CMS holds Features (6), Stories (6), Plans (4) and Posts (6). A hidden /how-to-edit page shows you, step by step, how to change the text, colours, images, plans and form.

Saasnoir is free. The product Tessellary, its customers and results in the demo are fictional; photos are licensed from Unsplash.