SilentProof Dashboard Design

Now let me build the SilentProof exam integrity dashboard. I'll start with the theme and layout.

Now let me build the risk summary panel and ethics banner:

Now let me build the remaining dashboard pages (Session Log, Risk Model, Guidelines, About) and wire everything together:

Now let me wire everything together in the main page:

The SilentProof - Exam Integrity Assistant dashboard is now fully built. Here's what's included:

Login Screen - A clean, centered card with the shield logo, email/password fields, a sign-in button, and the ethics-conscious supporting text ("Authorized invigilators only" / "Decision-support system, not an accusation tool").
Dashboard with Navigation - A top nav bar with all six sections (Dashboard, Session Log, Classroom Setup, Risk Model, Guidelines, About), plus a user profile dropdown with sign-out.
Classroom Monitoring - The main view features a Demo Mode (default 2x2 grid with live-updating risk scores every 5 seconds) and a Custom Classroom Mode where you can input rows/columns (2-6 each), see partition/microphone counts, and generate a custom grid. Each partition card shows zone ID, risk score bar, color-coded risk badge (green/yellow/red), and last activity time. A Risk Summary Panel at the top displays total partitions, normal/medium/high zone counts.
Additional Pages - Session Log (event timeline table), Risk Model (scoring algorithm explanation with thresholds), Invigilator Guidelines (6 best-practice cards), and About page (system overview and key principles). The ethics banner is always visible on the dashboard.

Now let me build the SilentProof exam integrity dashboard. I'll start with the theme and layout.

Now let me build the risk summary panel and ethics banner:

Now let me build the remaining dashboard pages (Session Log, Risk Model, Guidelines, About) and wire everything together:

Now let me wire everything together in the main page:

The SilentProof - Exam Integrity Assistant dashboard is now fully built. Here's what's included:

Login Screen - A clean, centered card with the shield logo, email/password fields, a sign-in button, and the ethics-conscious supporting text ("Authorized invigilators only" / "Decision-support system, not an accusation tool").
Dashboard with Navigation - A top nav bar with all six sections (Dashboard, Session Log, Classroom Setup, Risk Model, Guidelines, About), plus a user profile dropdown with sign-out.
Classroom Monitoring - The main view features a Demo Mode (default 2x2 grid with live-updating risk scores every 5 seconds) and a Custom Classroom Mode where you can input rows/columns (2-6 each), see partition/microphone counts, and generate a custom grid. Each partition card shows zone ID, risk score bar, color-coded risk badge (green/yellow/red), and last activity time. A Risk Summary Panel at the top displays total partitions, normal/medium/high zone counts.
Additional Pages - Session Log (event timeline table), Risk Model (scoring algorithm explanation with thresholds), Invigilator Guidelines (6 best-practice cards), and About page (system overview and key principles). The ethics banner is always visible on the dashboard.