Decinote — AI Meeting Notes & Decision SaaS (Concept Template) by Hoàn Lê Văn XuânDecinote — AI Meeting Notes & Decision SaaS (Concept Template) by Hoàn Lê Văn Xuân

Decinote — AI Meeting Notes & Decision SaaS (Concept Template)

Hoàn Lê Văn Xuân

Hoàn Lê Văn Xuân

Decinote is a commercial concept SaaS website template and interactive product sandbox engineered for AI meeting assistants, acoustic transcription platforms, decision-tracking workspaces, and modern developer/productivity tools. Built with Next.js 16 (App Router), React 19, TypeScript 5, and Tailwind CSS 4, it pairs a 9-page editorial marketing system with a stateful, client-side 3-pane meeting ledger workspace.
Decinote Home Hero & Acoustic Cutting-Mat Lockup
Decinote Home Hero & Acoustic Cutting-Mat Lockup

Design Direction & Darkroom Editorial Craft

Designed with a Darkroom Editorial Craft & Tactile Acoustic Precision aesthetic (#100904 Walnut Shadow, #382416 Bark Brown, #ffedd7 Warm Cream, #dc5000 Ember Accent), Decinote moves away from generic dark SaaS templates and treats meeting telemetry like calibrated studio hardware.
Interactive 3-Pane Meeting Ledger Sandbox
Interactive 3-Pane Meeting Ledger Sandbox

Key Highlights & Architecture

9 Complete, Purpose-Built Pages: Home (/), Features (/features), How It Works (/how-it-works), Interactive Demo (/demo), Pricing (/pricing), Integrations (/integrations), Use Cases (/use-cases), About (/about), and Contact & FAQ (/contact).
Interactive 3-Pane Meeting Ledger Sandbox (/demo): Self-contained client-side workspace featuring 4 realistic meeting scenarios, speaker-attributed diarized transcripts, executive summaries, verified decision cards, live keyword & speaker filtering, persistent action-item checklists (localStorage), custom follow-up task creation, and instant Markdown (.md), JSON (.json), and Plain Text (.txt) file exports.
Interactive Pricing & Pipeline Explorers: Monthly / Annual (-20%) billing toggle, interactive seat estimator (1–100 seats), 8-module capability inspector, 6-stage pipeline stepper, and filterable webhook/integration directory.
Motion & Accessibility: Powered by motion/react and custom interactive components with full prefers-reduced-motion and WCAG 2.2 AA compliance verified via Vitest and Playwright E2E + @axe-core/playwright suites.
Features & Capability Inspector
Features & Capability Inspector
Pricing & Seat Estimator
Pricing & Seat Estimator
Like this project

Posted Oct 19, 2026

A 9-page AI meeting notes & decision ledger SaaS concept template with an interactive 3-pane meeting sandbox, built with Next.js 16, React 19, TypeScript, and Tailwind CSS 4.

Likes

0

Views

0

Timeline

Oct 1, 2026 - Oct 16, 2026