font

Author: singaraiona

apps/dashboard/src/components/Header.tsx

@@ -55,7 +55,7 @@ export function Header({ onConnect }: HeaderProps) {
               <line x1="52" y1="32" x2="60" y2="32"/>
             </g>
           </svg>
-          <span>RayLens</span>
+          <span className="brand-text">RAYLENS</span>
         </div>
 
         <div className="header-divider" />

apps/dashboard/src/styles/app.css

@@ -269,6 +269,14 @@
   height: 28px;
 }
 
+.header-logo .brand-text {
+  font-family: var(--font-brand);
+  font-size: 18px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  color: #38bdf8;
+}
+
 .header-divider {
   width: 1px;
   height: 24px;

apps/dashboard/src/styles/global.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Exo+2:wght@600;700;800&family=Bebas+Neue&family=Russo+One&display=swap');
+
 :root {
   /* Dark theme inspired by trading terminals */
   --bg-base: #0a0a0f;
@@ -20,6 +22,7 @@
 
   --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
   --font-sans: 'Space Grotesk', system-ui, sans-serif;
+  --font-brand: 'Russo One', sans-serif;
 }
 
 * {