Framer template · v1.0
Six homes. One system.
Basalt is a dark SaaS template for data, AI and developer tools. Six homepage layouts and sixteen inner pages share one set of styles, components and motion.
Pages
23
Homepages
6
Motion blocks
24
CMS collections
3
Homepages
Six ways in, same foundation.
Hover a preview to scroll the page. Every layout uses the same styles and components, so sections move freely between them.
Home 01
Columns
Hex-column hero that rises under the cursor, sticky product walkthrough, sideways capabilities strip.
Home 02
Strata
Centered hero over drifting rock layers, live query console, feature grid and use-case tabs.
Home 03
Terminal
Developer-first split hero with a typing terminal, before and after, code in four languages.
Home 04
Atlas
Enterprise layout with a live world map, compliance seals, deployment models and support tiers.
Home 05
Signal
AI-native layout with a cursor-reactive signal terrain hero, an agent trace, a log-scale latency race and use-case tabs.
Home 06
Ledger
Editorial layout with a streaming event ledger, a numbered contents index, a public figures sheet and a colophon.
Inner pages
Every page a launch needs.
Marketing, company, CMS and utility pages, all built on the same system. The documentation lives on design pages in the editor.
Marketing
Product
Architecture diagram, three deep dives, feature grid
Marketing
Integrations
Filterable directory with 24 integrations
CMS template
Integration detail
How it works, setup steps, specs panel
Marketing
Pricing
Plans, billing switch, comparison table, FAQ
Marketing
Pricing 2
Plan rows, cost by volume, support tiers, FAQ
Marketing
Pricing 3
Terminal bill, plan chapters, eight figures, billing steps
Company
About
Story, timeline, values, team
Company
Careers
Benefits, hiring steps, open roles
CMS template
Job detail
Role summary, full description, application form
Company
Contact
Form, channels, offices
Company
Contact 2
Map hero, ten channels, form, offices, FAQ
Company
Contact 3
Live inbox ledger, next steps, desks, support figures
CMS
Blog
Featured post, category tabs, newsletter
CMS template
Blog post
Article with table of contents and chart
Template
Design system
Every colour style, text style and element
Utility
404
Not found page with a way back home
Design page
Instructions
Styles, components, CMS and forms · on the canvas
Design page
Licenses & Changelog
Fonts, artwork and releases · on the canvas
Included
Built to be edited, not fought.
01
Framer native
Colour and text styles, layout templates, native forms and CMS. Every section is a component with its copy in the props panel.
02
Motion
24 documented motion blocks, from masked heading reveals to the honeycomb CTA. Respects reduced motion.
03
Line system
Rails, section lines and corner frames that hold every page together, drawn by the components themselves.
04
CMS ready
Blog posts, jobs and integrations as collections, with list pages and styled detail pages.
05
Free fonts
Fraunces, Inter Tight and Martian Mono from Google Fonts, all under the Open Font License.
06
Responsive
Desktop, tablet and phone breakpoints on every page, with no sideways scroll at 375px.
07
Accessible
One H1 per page, ordered headings, labelled form fields and visible focus states.
08
Documented
A design system page plus Instructions, Licenses and Changelog design pages in the editor.
