smart-models/Placebo_AI
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Architecture | Placebo AI</title>7 <link rel="stylesheet" href="/static/style.css">8 <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">9 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">10 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">11 <link rel="shortcut icon" href="/static/favicon.ico">12</head>13<body>14 <div id="video-container">15 <video id="hero-video" autoplay loop muted playsinline>16 <source src="/static/bg_video.mp4" type="video/mp4">17 </video>18 </div>19 20 <div class="content-layer">21 <nav>22 <div class="logo-area" style="display: flex; align-items: center; gap: 12px;">23 <img src="/static/logo.png" width="32" height="32" alt="Logo" style="filter: brightness(0) invert(1);">24 <a href="/" class="logo">Placebo AI</a>25 </div>26 <div class="menu-items">27 <a href="/" class="menu-item">Home</a>28 <a href="/architecture" class="menu-item">Architecture</a>29 <a href="/capabilities" class="menu-item">Capabilities</a>30 <a href="/docs" class="menu-item">Docs</a>31 <a href="/about" class="menu-item">About</a>32 </div>33 <div class="nav-buttons">34 <button class="btn-signup">Sign Up</button>35 <button class="btn-login">Log In</button>36 </div>37 </nav>38 39 <main class="info-content" style="padding: 120px 80px; max-width: 1200px; margin: 0 auto;">40 <h1 style="font-size: 48px; margin-bottom: 24px;">System Architecture</h1>41 <p class="subtitle" style="font-size: 20px; opacity: 0.8; margin-bottom: 60px;">How Placebo AI Ensures Factual Medical Responses through a Multi-Layered Pipeline.</p>42 43 <div class="grid-layout" style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px;">44 <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">45 <h3 style="color: var(--primary); margin-bottom: 16px;">Layer 1: Multimodal Ingestion</h3>46 <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">47 Extracts structured medical knowledge from unstructured PDFs and textbooks. Our custom Vision-Language Model is optimized for medical layouts, detecting text, tables, chemical formulas, and anatomical diagrams while preserving their semantic relationships.48 </p>49 </div>50 51 <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">52 <h3 style="color: var(--primary); margin-bottom: 16px;">Layer 2: Vector Intelligence</h3>53 <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">54 Converts medical data into 384-dimensional semantic vectors. Using FAISS indexing, we enable sub-millisecond retrieval of the most relevant knowledge chunks based on meaning, not just keywords.55 </p>56 </div>57 58 <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">59 <h3 style="color: var(--primary); margin-bottom: 16px;">Layer 3: Grounded RAG Layer</h3>60 <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">61 The heart of zero-hallucination AI. Generates answers strictly from retrieved context. Every statement is required to reference a source chunk, preventing the model from using training data.62 </p>63 </div>64 65 <div class="info-card" style="background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); padding: 40px; border-radius: 24px;">66 <h3 style="color: var(--primary); margin-bottom: 16px;">Layer 4: Structured Output</h3>67 <p style="color: var(--white); line-height: 1.6; opacity: 0.9;">68 Formats responses for professional medical use. Includes human-readable answers, structured JSON for API integration, and markdown reports with full attribution.69 </p>70 </div>71 </div>72 73 <section style="margin-top: 80px;">74 <h2 style="margin-bottom: 30px;">Architecture Principles</h2>75 <ul style="list-style: none; padding: 0;">76 <li style="margin-bottom: 20px; display: flex; align-items: flex-start; gap: 15px;">77 <span style="color: var(--primary); font-weight: bold;">01</span>78 <div>79 <strong style="display: block; font-size: 18px; margin-bottom: 4px;">Retrieval First, Generation Second</strong>80 <span style="opacity: 0.7;">We invert the typical LLM flow by prioritizing evidence retrieval as the anchor of the process.</span>81 </div>82 </li>83 <li style="margin-bottom: 20px; display: flex; align-items: flex-start; gap: 15px;">84 <span style="color: var(--primary); font-weight: bold;">02</span>85 <div>86 <strong style="display: block; font-size: 18px; margin-bottom: 4px;">Constraint-Based Generation</strong>87 <span style="opacity: 0.7;">Strict system prompts eliminate the degrees of freedom that allow hallucinations.</span>88 </div>89 </li>90 <li style="margin-bottom: 20px; display: flex; align-items: flex-start; gap: 15px;">91 <span style="color: var(--primary); font-weight: bold;">03</span>92 <div>93 <strong style="display: block; font-size: 18px; margin-bottom: 4px;">Transparency Through Citation</strong>94 <span style="opacity: 0.7;">Every factual claim is linked to a source page, making the system auditable and trustworthy.</span>95 </div>96 </li>97 </ul>98 </section>99 100 <div style="text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-family: 'Montserrat', sans-serif; line-height: 1.5;">101 Disclaimer: All books used in this application belong to their respective authors and publishers. The author, publisher, and copyright owner reserve all rights. No ownership of book content is claimed by this application.102 </div>103 </main>104 </div>105</body>106</html>107