From 5f3587b7a80a784d2040de84ff9d3000a06b5d37 Mon Sep 17 00:00:00 2001 From: Alan Daniel Date: Tue, 7 Apr 2026 14:41:36 -0400 Subject: [PATCH] Refine dashboard typography --- .../src/routes/_protected/dashboard.tsx | 2 +- apps/dashboard/src/routes/index.tsx | 2 +- apps/dashboard/src/routes/login.tsx | 2 +- packages/ui/package.json | 8 ++++--- packages/ui/src/styles/globals.css | 23 +++++++++++++++++-- pnpm-lock.yaml | 16 +++++++++++++ 6 files changed, 45 insertions(+), 8 deletions(-) diff --git a/apps/dashboard/src/routes/_protected/dashboard.tsx b/apps/dashboard/src/routes/_protected/dashboard.tsx index 69804db..914ad71 100644 --- a/apps/dashboard/src/routes/_protected/dashboard.tsx +++ b/apps/dashboard/src/routes/_protected/dashboard.tsx @@ -40,7 +40,7 @@ function DashboardPage() {
- + Welcome, {displayName} Connected diff --git a/apps/dashboard/src/routes/index.tsx b/apps/dashboard/src/routes/index.tsx index 7346b84..8f5d594 100644 --- a/apps/dashboard/src/routes/index.tsx +++ b/apps/dashboard/src/routes/index.tsx @@ -40,7 +40,7 @@ function Home() { Circle base imported
- + QuickHub, now on a shared UI foundation. diff --git a/apps/dashboard/src/routes/login.tsx b/apps/dashboard/src/routes/login.tsx index 5e5910d..7bfdc72 100644 --- a/apps/dashboard/src/routes/login.tsx +++ b/apps/dashboard/src/routes/login.tsx @@ -23,7 +23,7 @@ function LoginPage() {
- + Sign in to QuickHub diff --git a/packages/ui/package.json b/packages/ui/package.json index 939bcf7..7f206a8 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -16,6 +16,8 @@ "format": "biome format" }, "dependencies": { + "@fontsource-variable/inter": "^5.2.8", + "@fontsource/geist-mono": "^5.2.7", "@radix-ui/react-alert-dialog": "^1.1.6", "@radix-ui/react-avatar": "^1.1.3", "@radix-ui/react-checkbox": "^1.1.4", @@ -33,17 +35,17 @@ "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-toggle": "^1.1.2", "@radix-ui/react-tooltip": "^1.1.8", - "cmdk": "1.0.0", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", + "cmdk": "1.0.0", "lucide-react": "^0.545.0", "next-themes": "^0.4.4", "react-day-picker": "8.10.1", "react-hook-form": "^7.54.2", "react-resizable-panels": "^3.0.3", "sonner": "^2.0.1", - "tailwindcss-animate": "^1.0.7", - "tailwind-merge": "^3.3.0" + "tailwind-merge": "^3.3.0", + "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@biomejs/biome": "2.4.5", diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css index 3f2f589..73a0e67 100644 --- a/packages/ui/src/styles/globals.css +++ b/packages/ui/src/styles/globals.css @@ -1,3 +1,5 @@ +@import "@fontsource-variable/inter"; +@import "@fontsource/geist-mono"; @import "tailwindcss"; @plugin "tailwindcss-animate"; @@ -9,9 +11,26 @@ @theme { --font-sans: - "Instrument Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif; + "Inter Variable", "Inter", "Avenir Next", ui-sans-serif, system-ui, + sans-serif; --font-mono: - "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace; + "Geist Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace; + --text-sm: 0.875rem; + --text-sm--line-height: 1.45; + --text-base: 1rem; + --text-base--line-height: 1.55; + --text-lg: 1.0625rem; + --text-lg--line-height: 1.45; + --text-xl: 1.1875rem; + --text-xl--line-height: 1.4; + --text-2xl: 1.375rem; + --text-2xl--line-height: 1.3; + --text-3xl: 1.625rem; + --text-3xl--line-height: 1.2; + --text-4xl: 1.875rem; + --text-4xl--line-height: 1.15; + --text-5xl: 2rem; + --text-5xl--line-height: 1.1; } :root { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 1d1e605..68e9792 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -134,6 +134,12 @@ importers: packages/ui: dependencies: + '@fontsource-variable/inter': + specifier: ^5.2.8 + version: 5.2.8 + '@fontsource/geist-mono': + specifier: ^5.2.7 + version: 5.2.7 '@radix-ui/react-alert-dialog': specifier: ^1.1.6 version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4) @@ -1232,6 +1238,12 @@ packages: '@floating-ui/utils@0.2.11': resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==} + '@fontsource-variable/inter@5.2.8': + resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==} + + '@fontsource/geist-mono@5.2.7': + resolution: {integrity: sha512-xVPVFISJg/K0VVd+aQN0Y7X/sw9hUcJPyDWFJ5GpyU3bHELhoRsJkPSRSHXW32mOi0xZCUQDOaPj1sqIFJ1FGg==} + '@img/colour@1.1.0': resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==} engines: {node: '>=18'} @@ -4968,6 +4980,10 @@ snapshots: '@floating-ui/utils@0.2.11': {} + '@fontsource-variable/inter@5.2.8': {} + + '@fontsource/geist-mono@5.2.7': {} + '@img/colour@1.1.0': {} '@img/sharp-darwin-arm64@0.34.5':