Baśalt

About Baśalt

Basalt is a template for realtime data, AI infrastructure and developer-tool companies. Black and stone-grey, set in Fraunces, Inter Tight and Martian Mono, with hairline rails and corner marks that tie every section together. It opens in a white theme, and one button switches the whole site to dark.

22 pages, ready to edit

  • Six homepages with different heroes: columns, strata, terminal, world map, signal terrain and a ledger

  • Product, About, Careers and a 404 page

  • Three pricing pages: plans with a monthly/yearly toggle, rows, and a detailed bill breakdown

  • Three contact pages, including a map and a sales desk

  • Integrations directory with category filters and a detail page per integration

  • Blog with category filters, a featured post and article pages

  • Careers with department groups and a job page with an application form

  • Overview page that previews every page in the template

CMS included

  • Integrations (24 items, 4 categories)

  • Jobs (11 roles, 3 departments)

  • Blog posts (8 posts, 3 categories)

Every field is filled, filters are native, and related items update on their own.

Design system

A Design system page collects every color, text style, button, element, form field and motion setting in one place, so new pages stay on brand.

Basalt design system and how the Framer Agent uses it

Details

  • Desktop, tablet and phone layouts on every page

  • Light and dark theme with a sun/moon toggle (white by default)

  • 14 color styles and 90+ text styles (Fraunces, Inter Tight, Martian Mono)

  • Shared components: navigation, footer, call to action, pricing plans, FAQ, testimonials, code terminal, product window

  • Native Framer forms with sending, success and error states

  • Scroll reveals, magnetic buttons, live status dots and a soft bottom blur, all respecting reduced motion

  • SEO title and description on every page, including CMS pages

  • Instructions, Changelog and Licenses pages on the canvas