Freeframe
Business8 pages · 3 downloads · Free

Prism

A sleek, dark-first website for an AI startup, with a live streaming playground and a usage cost calculator.

Stack
v1.0.0 changelog

About this template

Prism is a marketing site for a fictional AI research assistant with an API. The home page opens on an interactive playground that streams cited answers token by token, followed by a feature grid, an SVG benchmark chart and testimonials. It also has a product deep-dive with integrations, security and model stats, pricing with a monthly/annual switch and a seats-plus-tokens cost calculator, API docs with code tabs and copy buttons, a filterable changelog, a company and careers page and a validated sales form.

Features

  • Interactive AI playground that streams cited answers token by token, with stop, model switch and example prompts
  • Benchmark bar chart drawn as inline SVG from a data array, with an accessible table view
  • Pricing with a monthly / annual switch and a live cost calculator for seats and API tokens
  • API quickstart with cURL, JavaScript and Python tabs that stay in sync, remember the choice and copy to the clipboard
  • Changelog and open roles filterable by topic, with counts and shareable URLs
  • Talk-to-sales form with inline validation, a work-email check, topic from the URL and a success state
  • Dark-first design with spectral gradients, a CSS hairline grid, film grain and an SVG prism illustration
  • Accessible FAQ accordion, mobile menu, skip link, scroll reveals and reduced-motion support
  • SEO and Open Graph tags, SVG favicon and a 1200×630 social image on every page

Pages included

Quick start

unzip prism.zip && cd prismopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Prism documentation →

Changelog

  1. v1.0.0

    Added

    • Initial release with 8 pages: Home, Product, Developers, Pricing, Changelog, Company & careers, Talk to sales, 404.
    • Interactive AI playground that streams cited answers token by token, with stop, model switch and example prompts
    • Benchmark bar chart drawn as inline SVG from a data array, with an accessible table view
    • Pricing with a monthly / annual switch and a live cost calculator for seats and API tokens
    • API quickstart with cURL, JavaScript and Python tabs that stay in sync, remember the choice and copy to the clipboard
    • Changelog and open roles filterable by topic, with counts and shareable URLs
    • Talk-to-sales form with inline validation, a work-email check, topic from the URL and a success state
    • Dark-first design with spectral gradients, a CSS hairline grid, film grain and an SVG prism illustration
    • Accessible FAQ accordion, mobile menu, skip link, scroll reveals and reduced-motion support
    • SEO and Open Graph tags, SVG favicon and a 1200×630 social image on every page
    • Full documentation in DOCS.md.

More templates