alpha badges

Author: Noah Raynor

fern/assets/styles.css

@@ -38,6 +38,13 @@
   border: 1px solid #C7D2FE;
 }
 
+/* Alpha badge - purple to match dashboard */
+.vapi-badge-alpha {
+  background-color: rgba(168, 85, 247, 0.2);
+  color: #A78BFA;
+  border: 1px solid rgba(168, 85, 247, 0.4);
+}
+
 /* Dark mode adjustments */
 :is(.dark) .vapi-badge-assistant {
   background-color: #134E4A;
@@ -57,6 +64,12 @@
   border: 1px solid #6366F1;
 }
 
+:is(.dark) .vapi-badge-alpha {
+  background-color: rgba(168, 85, 247, 0.2);
+  color: #C4B5FD;
+  border: 1px solid rgba(168, 85, 247, 0.4);
+}
+
 /* for a grid of videos */
 
 .video-grid {

fern/observability/simulations-advanced.mdx

@@ -4,6 +4,8 @@ subtitle: Master testing strategies and best practices for AI voice agent simula
 slug: observability/simulations-advanced
 ---
 
+<div class="vapi-badge vapi-badge-alpha">Alpha</div>
+
 ## Overview
 
 This guide covers advanced simulation strategies, testing patterns, and best practices for building robust test suites that ensure your AI voice agents work reliably in production.

fern/observability/simulations-quickstart.mdx

@@ -4,6 +4,8 @@ subtitle: Test your AI assistants with realistic AI-powered callers
 slug: observability/simulations-quickstart
 ---
 
+<div class="vapi-badge vapi-badge-alpha">Alpha</div>
+
 ## Overview
 
 This quickstart guide will help you test your AI assistants and squads using realistic, AI-powered callers. In just a few minutes, you'll create test scenarios, define evaluation criteria, and validate your agents work correctly under different conditions.