simstudioai
diff --git a/‎apps/docs/app/[lang]/layout.tsx‎
Lines changed: 2 additions & 1 deletion b/‎apps/docs/app/[lang]/layout.tsx‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/docs/app/fonts/SeasonSansUprightsVF.woff2‎
87.5 KB b/‎apps/docs/app/fonts/SeasonSansUprightsVF.woff2‎
87.5 KB
diff --git a/‎apps/docs/app/fonts/season.ts‎
Lines changed: 16 additions & 0 deletions b/‎apps/docs/app/fonts/season.ts‎
Lines changed: 16 additions & 0 deletions
@@ -14,6 +14,7 @@ import { i18n } from '@/lib/i18n'
 import { serializeJsonLd } from '@/lib/json-ld'
 import { source } from '@/lib/source'
 import { DOCS_BASE_URL } from '@/lib/urls'
+import { season } from '@/app/fonts/season'
 import '../global.css'
 
 const inter = Inter({
@@ -84,7 +85,7 @@ export default async function Layout({ children, params }: LayoutProps) {
   return (
     <html
       lang={lang}
-      className={`${inter.variable} ${geistMono.variable}`}
+      className={`${inter.variable} ${geistMono.variable} ${season.variable}`}
       suppressHydrationWarning
     >
       <head>
 
@@ -0,0 +1,16 @@
+import localFont from 'next/font/local'
+
+/**
+ * Season Sans variable font — the platform's UI font, mirrored from
+ * `apps/sim/app/_styles/fonts/season/season.ts` so docs chip chrome renders
+ * with the same typeface as the main app. Variable font supports weights
+ * 300-800.
+ */
+export const season = localFont({
+  src: [{ path: './SeasonSansUprightsVF.woff2', weight: '300 800', style: 'normal' }],
+  display: 'swap',
+  preload: true,
+  variable: '--font-season',
+  fallback: ['system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans'],
+  adjustFontFallback: 'Arial',
+})