defuss-shadcn / Website / Industries / industry-ai
AI Startup
A one-page site for an AI startup with one product - an API that turns meeting recordings into decisions and action items: a replayed demo in the chat components, how it works, the API in curl, JavaScript and Python, benchmarks with how they were measured, pricing per 1M tokens with a cost calculator, plain claims about data handling, customers and a sign-up dialog. Three looks: Launch, Terminal and Research.
Quillon, meeting decisions API
The Look select switches palette, typefaces and how the notes in the margin are drawn: Launch (indigo, Space Grotesk, a marker hand, a neuro-noise Shader behind the hero), Terminal (phosphor green, JetBrains Mono, comments and brackets) and Research (paper and oxblood, Newsreader, margin notes and a figure caption). The demo replays an exchange in Session, Message, Bubble and Marker - Replay starts it again, under reduced motion it shows the whole exchange at once. The API is Tabs of Code Mockups with a copy button; the pricing has the monthly / yearly switch and a token calculator.
Built from Site Header (its menu a Sheet on narrow screens), a Shader (neuro-noise) behind the hero, Session, Message, Bubble and Marker for the replayed demo, Process Steps, Tabs of Code Mockups, Stats, Pricing with a Slider calculator on a ticket (Shapes), Brand Logos, Testimonials and Dialogs for the sign-up, the imprint, the privacy notes and the status page. The palettes are tokens on the site's root, so every component inside follows the look.
Comments, ideas or improvements? Edit this page's source on GitHub