From cdcce471417dd34f2587204a53d060f686ee87b8 Mon Sep 17 00:00:00 2001 From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com> Date: Fri, 30 Jan 2026 22:35:48 +0800 Subject: [PATCH] feat(ui): add brand icon and artistic font to sidebar header - Display Multica icon alongside brand name in sidebar header - Use Playfair Display serif font for an artistic brand feel - Expose --font-brand CSS variable from layout Co-Authored-By: Claude Opus 4.5 --- apps/web/app/layout.tsx | 10 ++++++++-- packages/ui/src/components/app-sidebar.tsx | 11 ++++++++++- 2 files changed, 18 insertions(+), 3 deletions(-) diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index f924d1a4..5fa8112b 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -1,5 +1,5 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono, Inter } from "next/font/google"; +import { Geist, Geist_Mono, Inter, Playfair_Display } from "next/font/google"; import "@multica/ui/globals.css"; import { SidebarProvider, @@ -22,6 +22,12 @@ const geistMono = Geist_Mono({ subsets: ["latin"], }); +const playfair = Playfair_Display({ + variable: "--font-brand", + subsets: ["latin"], + weight: ["400"], +}); + export const metadata: Metadata = { title: "Multica", description: "Distributed AI agent framework", @@ -41,7 +47,7 @@ export default function RootLayout({ return ( - Multica +
+ Multica + + Multica + +