From 0989eed2064a0ab735966d22d2ade163acf8bc97 Mon Sep 17 00:00:00 2001 From: home Date: Fri, 20 Feb 2026 17:52:13 +0300 Subject: [PATCH] feat(ui): Roboto font, GooSeek logo, remove custom fonts - Replace Open Sans with Roboto (YouTube-style typography) - Add GooSeek wordmark in Google colors above 'Research begins here' - Remove PP Editorial, Instrument Serif from globals.css and components - Unify font across frontend and auth-mcs Co-authored-by: Cursor --- apps/auth-mcs/src/app/layout.tsx | 10 +++++++++- apps/frontend/src/app/discover/page.tsx | 5 +---- apps/frontend/src/app/globals.css | 8 -------- apps/frontend/src/app/layout.tsx | 6 +++--- apps/frontend/src/app/library/page.tsx | 5 +---- .../src/components/Discover/MajorNewsCard.tsx | 2 -- apps/frontend/src/components/EmptyChat.tsx | 17 ++++++++++++++++- .../src/components/Setup/SetupWizard.tsx | 10 +++++----- 8 files changed, 35 insertions(+), 28 deletions(-) diff --git a/apps/auth-mcs/src/app/layout.tsx b/apps/auth-mcs/src/app/layout.tsx index 2f28ac8..84e78e3 100644 --- a/apps/auth-mcs/src/app/layout.tsx +++ b/apps/auth-mcs/src/app/layout.tsx @@ -1,4 +1,12 @@ import type { Metadata } from 'next'; +import { Roboto } from 'next/font/google'; + +const roboto = Roboto({ + weight: ['300', '400', '500', '700'], + subsets: ['latin'], + display: 'swap', + fallback: ['Arial', 'sans-serif'], +}); export const metadata: Metadata = { title: 'Auth Service — Identity Provider', @@ -12,7 +20,7 @@ export default function RootLayout({ }) { return ( - {children} + {children} ); } diff --git a/apps/frontend/src/app/discover/page.tsx b/apps/frontend/src/app/discover/page.tsx index b817b24..5f2c00f 100644 --- a/apps/frontend/src/app/discover/page.tsx +++ b/apps/frontend/src/app/discover/page.tsx @@ -146,10 +146,7 @@ const Page = () => {
-

+

Discover

diff --git a/apps/frontend/src/app/globals.css b/apps/frontend/src/app/globals.css index 3b95d06..24ee05a 100644 --- a/apps/frontend/src/app/globals.css +++ b/apps/frontend/src/app/globals.css @@ -2,14 +2,6 @@ @tailwind components; @tailwind utilities; -@font-face { - font-family: 'PP Editorial'; - src: url('/fonts/pp-ed-ul.otf') format('opentype'); - font-weight: 300; - font-style: normal; - font-display: swap; -} - @layer base { .overflow-hidden-scrollable { -ms-overflow-style: none; diff --git a/apps/frontend/src/app/layout.tsx b/apps/frontend/src/app/layout.tsx index eb3545d..89363bc 100644 --- a/apps/frontend/src/app/layout.tsx +++ b/apps/frontend/src/app/layout.tsx @@ -1,7 +1,7 @@ export const dynamic = 'force-dynamic'; import type { Metadata } from 'next'; -import { Montserrat } from 'next/font/google'; +import { Roboto } from 'next/font/google'; import './globals.css'; import { cn } from '@/lib/utils'; import Sidebar from '@/components/Sidebar'; @@ -11,7 +11,7 @@ import configManager from '@/lib/config'; import SetupWizard from '@/components/Setup/SetupWizard'; import { ChatProvider } from '@/lib/hooks/useChat'; -const montserrat = Montserrat({ +const roboto = Roboto({ weight: ['300', '400', '500', '700'], subsets: ['latin'], display: 'swap', @@ -34,7 +34,7 @@ export default function RootLayout({ return ( - + {setupComplete ? ( diff --git a/apps/frontend/src/app/library/page.tsx b/apps/frontend/src/app/library/page.tsx index 3eb923e..3b1282d 100644 --- a/apps/frontend/src/app/library/page.tsx +++ b/apps/frontend/src/app/library/page.tsx @@ -45,10 +45,7 @@ const Page = () => {
-

+

Library

diff --git a/apps/frontend/src/components/Discover/MajorNewsCard.tsx b/apps/frontend/src/components/Discover/MajorNewsCard.tsx index 8fe4362..eebf7d0 100644 --- a/apps/frontend/src/components/Discover/MajorNewsCard.tsx +++ b/apps/frontend/src/components/Discover/MajorNewsCard.tsx @@ -29,7 +29,6 @@ const MajorNewsCard = ({

{item.title}

@@ -43,7 +42,6 @@ const MajorNewsCard = ({

{item.title}

diff --git a/apps/frontend/src/components/EmptyChat.tsx b/apps/frontend/src/components/EmptyChat.tsx index 775fc9d..0eb8484 100644 --- a/apps/frontend/src/components/EmptyChat.tsx +++ b/apps/frontend/src/components/EmptyChat.tsx @@ -48,7 +48,22 @@ const EmptyChat = () => {
-

+
+ + {['G', 'o', 'o', 'S', 'e', 'e', 'k'].map((letter, i) => ( + + {letter} + + ))} + +
+

Research begins here.

diff --git a/apps/frontend/src/components/Setup/SetupWizard.tsx b/apps/frontend/src/components/Setup/SetupWizard.tsx index c4b503e..f8a943f 100644 --- a/apps/frontend/src/components/Setup/SetupWizard.tsx +++ b/apps/frontend/src/components/Setup/SetupWizard.tsx @@ -44,10 +44,10 @@ const SetupWizard = ({ transition={{ duration: 0.6 }} initial={{ opacity: 0, translateY: '30px' }} animate={{ opacity: 1, translateY: '0px' }} - className="text-4xl md:text-6xl xl:text-8xl font-normal font-['Instrument_Serif'] tracking-tight" + className="text-4xl md:text-6xl xl:text-8xl font-normal tracking-tight" > Welcome to{' '} - + GooSeek @@ -58,7 +58,7 @@ const SetupWizard = ({ className="text-black/70 dark:text-white/70 text-sm md:text-lg xl:text-2xl mt-2" > Web search,{' '} - + reimagined @@ -89,10 +89,10 @@ const SetupWizard = ({ translateY: '-30px', transition: { duration: 0.6 }, }} - className="text-2xl md:text-4xl xl:text-6xl font-normal font-['Instrument_Serif'] tracking-tight" + className="text-2xl md:text-4xl xl:text-6xl font-normal tracking-tight" > Let us get{' '} - + GooSeek {' '} set up for you