About this template
What Firstpass is
Firstpass is a complete marketing website for an AI product. The demo product is an AI code reviewer, and the first screen shows it at work: three pull requests stand as glass panes on a 3D stage, a red beam reads down the code, the flagged line lights up and the comment opens with a suggested fix. The interface is built from text and layers you can edit, not from screenshots, so you replace it with your own product without opening an image editor.
It has seventeen page types: home, product, use cases and a use case page, customers and a customer story, pricing with a monthly and yearly switch and a comparison table, a changelog and its entry page, a docs quickstart, a blog and a post, about and careers, book a demo, sign in, legal pages and a 404.
The site opens in dark mode: a near-black field with slow contour lines behind the hero and the page headers, glass cards with a light edge, powder-blue type and one red line. The red line is the idea that runs through the site: it passes over the code, the feature cards and the timeline, and what it touches lights up. Light mode is designed too, in powder blue and ink, and the toggle remembers the choice. Motion plays once and settles, and the site stays complete with reduced motion or without WebGL. Every number in the demo has a unit and is marked as sample data.
Last updated
What's included
17 pages, ready to fill in
- 01HomeThe review stage, customer names, what it catches, a review timeline, numbers, customer stories, integrations, pricing, security notes, changelog and questions
- 02ProductFour feature rows with built interfaces, severity levels and a languages table
- 03Use casesFour use cases as large rows, each with a result figure
- 04Use caseThe problem, how the product handles it in three steps, a result and a quote
- 05CustomersA featured story, three more stories and the customer names
- 06Customer storyThe headline result, a photo, three figures, the story in four parts and a quote
- 07PricingThree plans, a monthly and yearly switch, a comparison table and pricing questions
- 08ChangelogDated releases you can filter by New, Improved and Fixed
- 09Changelog entryOne release on its own page, with previous and next
- 10Docs quickstartA sidebar, code blocks with a copy button, callouts and an on-this-page list
- 11BlogA featured post and a list of posts
- 12PostA reading layout with a code block, a pull quote and the author
- 13About and careersThe story, principles, the team and open roles
- 14Book a demoA form with validation and a success state
- 15Sign inA sign-in screen ready to connect to your own authentication
- 16Privacy and TermsOne legal layout with numbered headings
- 17404A page for links that no longer exist
Features
- Review stage with three switchable pull requests, a scan beam and a working Apply suggestion button
- Four feature cards that each play a small interface once: a test log, a query cost, a masked key and a rules file
- Review timeline that follows the scroll on desktop; you can also drag it or step through with the keyboard
- Numbers that count up once when they come into view
- Monthly and yearly pricing switch and a comparison table
- Dark mode by default, a light mode, and a toggle that remembers the choice
- Responsive on desktop, tablet and phone
- Still, complete pages with reduced motion and without WebGL
- CMS for use cases, customers, changelog and posts on Framer
- Changelog filters, FAQ accordions and a demo request form
- Text, colours and images are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.
Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Business+ members
Get it with Business+ plan on XOXI
Want to see it first? View demo
More templates
Others you may like
Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code
Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code
Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole and light and dark mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.
