A free dark Framer template for security and infrastructure products.
Blackthorn is built for the kind of product that has to prove something — coverage numbers, benchmark tables, an architecture that stands up to scrutiny. It pairs a bitmap display face with a neutral grotesk, keeps everything on a true-black ground with a single orange accent, and gives every section a job.
What's included
Ten routes: home, capabilities, architecture, benchmarks, pricing, FAQ, a CMS use-case index with its own detail pages, contact, and a branded 404. Desktop, tablet and phone layouts on every one.
A Use Cases CMS collection (13 fields, 5 sample records) drives the home grid, the index and the detail pages from one source — add a record and all three update.
Six components with real variants: Button (primary/secondary/ghost with hover states), Navigation with a mobile drawer, Footer, FAQ accordion, and a Submit Button wired to pending, success, error and incomplete states.
Three code components carry the motion: a hero asset-graph that grows from a sprout and rotates as a live pixel point cloud, latency bars that fill to their values on scroll, and a stat cluster whose figures drift while a tracking web follows them. All three respect reduced-motion and pause off screen.
Making it yours
Ten colour tokens and eleven text styles — change Accent once and every button, bracket, chart bar and connector follows. A Start Here page walks the edit order; a Design System page shows live swatches, the type scale and real component instances.
Before you publish
The contact form ships with no destination on purpose, so nothing submits anywhere until you connect it. All metrics, benchmark figures and backer names are illustrative sample content, not claims. The integrations rail uses Framer's Logos set — swap it for what you actually support. Privacy and Terms pages aren't included; the footer links point at Contact until you add them.
A free dark Framer template for security and infrastructure products.
Blackthorn is built for the kind of product that has to prove something — coverage numbers, benchmark tables, an architecture that stands up to scrutiny. It pairs a bitmap display face with a neutral grotesk, keeps everything on a true-black ground with a single orange accent, and gives every section a job.
What's included
Ten routes: home, capabilities, architecture, benchmarks, pricing, FAQ, a CMS use-case index with its own detail pages, contact, and a branded 404. Desktop, tablet and phone layouts on every one.
A Use Cases CMS collection (13 fields, 5 sample records) drives the home grid, the index and the detail pages from one source — add a record and all three update.
Six components with real variants: Button (primary/secondary/ghost with hover states), Navigation with a mobile drawer, Footer, FAQ accordion, and a Submit Button wired to pending, success, error and incomplete states.
Three code components carry the motion: a hero asset-graph that grows from a sprout and rotates as a live pixel point cloud, latency bars that fill to their values on scroll, and a stat cluster whose figures drift while a tracking web follows them. All three respect reduced-motion and pause off screen.
Making it yours
Ten colour tokens and eleven text styles — change Accent once and every button, bracket, chart bar and connector follows. A Start Here page walks the edit order; a Design System page shows live swatches, the type scale and real component instances.
Before you publish
The contact form ships with no destination on purpose, so nothing submits anywhere until you connect it. All metrics, benchmark figures and backer names are illustrative sample content, not claims. The integrations rail uses Framer's Logos set — swap it for what you actually support. Privacy and Terms pages aren't included; the footer links point at Contact until you add them.
Kayra Studio
