From a01c493dfbd41eb2dad353acd585a92654904008 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=95=88=EC=84=B1=EC=A7=84?=
 <anseongjin@anseongjin-ui-MacBookPro.local>
Date: Wed, 22 Jul 2026 17:17:20 +0900
Subject: [PATCH] =?UTF-8?q?design:=EC=9B=8C=ED=81=AC=EC=8A=A4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=A4=20UI=20=ED=83=80=EC=9D=B4=ED=8F=AC=EA=B7=B8?=
 =?UTF-8?q?=EB=9E=98=ED=94=BC=20=ED=86=B5=EC=9D=BC(#88)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css                           | 30 +++++++++++++++++++
 .../meeting-note/ui/MeetingNoteCard.tsx       |  2 +-
 src/entities/task/ui/TaskCard.tsx             |  2 +-
 .../manage-calendar/ui/CalendarView.tsx       |  9 +++---
 .../ui/MeetingNoteForm.tsx                    |  4 +--
 .../ui/MeetingNotesList.tsx                   |  2 +-
 .../ui/ProgressChartView.tsx                  | 22 +++++++-------
 .../project-board/ui/ProjectBoard.tsx         |  2 +-
 src/views/chat/ui/ChatView.tsx                |  8 ++---
 .../ui/CreateWorkspacePage.tsx                | 12 ++------
 .../ui/TemplateSelectCard.tsx                 |  2 +-
 .../meeting-notes/ui/EditMeetingNotePage.tsx  |  3 +-
 .../meeting-notes/ui/MeetingNotesPage.tsx     |  3 +-
 .../meeting-notes/ui/NewMeetingNotePage.tsx   |  3 +-
 .../progress-chart/ui/ProgressChartPage.tsx   |  3 +-
 .../ui/ProjectManagementPage.tsx              |  3 +-
 src/views/settings/ui/SettingsView.tsx        |  5 ++--
 .../progress-chart/ui/ProgressChartView.tsx   |  9 +-----
 .../sprint-board/ui/SprintBoardView.tsx       | 11 ++-----
 .../notices/ui/NoticesView.tsx                |  6 ++--
 .../resources/ui/ResourcesView.tsx            |  8 ++---
 .../work-schedule/ui/WorkScheduleView.tsx     |  8 ++---
 src/views/workspaces/ui/WorkspacesPage.tsx    | 13 ++------
 .../ui/OverallProgress.tsx                    |  6 ++--
 .../dashboard-work-summary/ui/WorkSummary.tsx |  4 +--
 .../workspace-list/ui/EmptyWorkspaces.tsx     |  4 +--
 26 files changed, 90 insertions(+), 94 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 330df6e..6f9958e 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -159,3 +159,33 @@
     @apply font-sans;
   }
 }
+
+@layer components {
+  .workspace-page {
+    @apply mx-auto w-full max-w-[1180px];
+  }
+
+  .workspace-page-header {
+    @apply mb-6;
+  }
+
+  .workspace-page-title {
+    @apply text-2xl leading-8 font-bold tracking-normal text-slate-950;
+  }
+
+  .workspace-page-description {
+    @apply mt-1 text-sm leading-5 tracking-normal text-slate-500;
+  }
+
+  .workspace-section-title {
+    @apply text-lg leading-7 font-bold tracking-normal text-slate-900;
+  }
+
+  .workspace-card-title {
+    @apply text-sm leading-5 font-semibold tracking-normal text-slate-900;
+  }
+
+  .workspace-caption {
+    @apply text-xs leading-4 tracking-normal text-slate-500;
+  }
+}
diff --git a/src/entities/meeting-note/ui/MeetingNoteCard.tsx b/src/entities/meeting-note/ui/MeetingNoteCard.tsx
index 470edbb..78f1d89 100644
--- a/src/entities/meeting-note/ui/MeetingNoteCard.tsx
+++ b/src/entities/meeting-note/ui/MeetingNoteCard.tsx
@@ -61,7 +61,7 @@ export function MeetingNoteCard({
       <article className="rounded-[24px] border border-[#ebeef7] bg-white px-[22px] py-[21px] shadow-[0_10px_30px_rgba(91,78,232,0.06)] transition hover:border-[rgba(91,78,232,0.16)]">
         <div className="flex items-start justify-between gap-6">
           <div className="min-w-0">
-            <h3 className="text-brand-ink truncate text-[18px] font-bold tracking-[-0.03em]">
+            <h3 className="text-brand-ink truncate text-base leading-6 font-bold tracking-normal">
               {meetingNote.title}
             </h3>
             <p className="text-brand-muted mt-[6px] text-[12px] font-medium">
diff --git a/src/entities/task/ui/TaskCard.tsx b/src/entities/task/ui/TaskCard.tsx
index a622225..c71faea 100644
--- a/src/entities/task/ui/TaskCard.tsx
+++ b/src/entities/task/ui/TaskCard.tsx
@@ -26,7 +26,7 @@ export function TaskCard({
       style={{ opacity: isDragging ? 0.55 : 1 }}
     >
       <div className="flex items-start justify-between gap-3">
-        <h3 className="text-brand-ink pr-2 text-[17px] leading-tight font-semibold tracking-[-0.02em]">
+        <h3 className="text-brand-ink pr-2 text-base leading-6 font-semibold tracking-normal">
           {task.title}
         </h3>
         <button
diff --git a/src/features/manage-calendar/ui/CalendarView.tsx b/src/features/manage-calendar/ui/CalendarView.tsx
index a85a5b3..beadb8d 100644
--- a/src/features/manage-calendar/ui/CalendarView.tsx
+++ b/src/features/manage-calendar/ui/CalendarView.tsx
@@ -13,7 +13,6 @@ import {
   useDeleteCalendarEvent,
   useUpdateCalendarEvent,
 } from '@/entities/calendar-event';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 import {
   createCalendarMonthStart,
   createCalendarMonthGrid,
@@ -155,7 +154,7 @@ export function CalendarView({ workspaceId, initialSelectedDate }: CalendarViewP
   };
 
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <section className="w-full max-w-[1180px]">
         <div className="flex flex-col gap-6 xl:flex-row xl:items-start">
           <div className="w-full flex-1">
@@ -173,7 +172,7 @@ export function CalendarView({ workspaceId, initialSelectedDate }: CalendarViewP
                 >
                   <ChevronLeft className="size-5" />
                 </button>
-                <h1 className="text-[18px] font-bold tracking-[-0.04em] sm:text-[20px]">
+                <h1 className="text-lg leading-7 font-bold tracking-normal sm:text-xl">
                   {monthLabel}
                 </h1>
                 <button
@@ -265,7 +264,7 @@ export function CalendarView({ workspaceId, initialSelectedDate }: CalendarViewP
             <div className="rounded-[20px] border border-[rgba(91,78,232,0.1)] bg-white p-5 shadow-[0_10px_30px_rgba(91,78,232,0.06)]">
               <div className="flex items-start justify-between gap-3">
                 <div>
-                  <h2 className="text-brand-ink text-[18px] font-bold tracking-[-0.03em]">
+                  <h2 className="workspace-section-title">
                     {selectedDateLabel}
                   </h2>
                 </div>
@@ -358,7 +357,7 @@ export function CalendarView({ workspaceId, initialSelectedDate }: CalendarViewP
         <div className="fixed inset-0 z-40 flex items-center justify-center bg-[#1a1b2e]/18 px-4">
           <div className="w-full max-w-[280px] rounded-[20px] bg-white p-4 shadow-[0_18px_40px_rgba(26,27,46,0.18)] sm:max-w-[420px] sm:p-5">
             <div className="flex items-start justify-between gap-4">
-              <h2 className="text-brand-ink text-[17px] font-bold tracking-[-0.03em] sm:text-[18px]">
+              <h2 className="workspace-section-title sm:text-lg">
                 {modalDateLabel}
               </h2>
               <button
diff --git a/src/features/manage-meeting-notes/ui/MeetingNoteForm.tsx b/src/features/manage-meeting-notes/ui/MeetingNoteForm.tsx
index ab284bf..746eab0 100644
--- a/src/features/manage-meeting-notes/ui/MeetingNoteForm.tsx
+++ b/src/features/manage-meeting-notes/ui/MeetingNoteForm.tsx
@@ -293,7 +293,7 @@ export function MeetingNoteForm({ workspaceId, meetingNote }: MeetingNoteFormPro
         onSubmit={handleSubmit}
         className="mt-[21px] rounded-[32px] border border-[#eceffa] bg-white px-[26.5px] pt-[26.5px] pb-[28px] shadow-[0_20px_48px_rgba(91,78,232,0.08)]"
       >
-        <h1 className="text-brand-ink text-[34px] font-extrabold tracking-[-0.04em]">
+        <h1 className="workspace-page-title">
           {isEditMode ? '회의록 수정' : '새 회의록'}
         </h1>
 
@@ -332,7 +332,7 @@ export function MeetingNoteForm({ workspaceId, meetingNote }: MeetingNoteFormPro
                   tabIndex={-1}
                 />
                 <div
-                  className={`${dateFieldClassName} text-brand-ink gap-2 pr-[14px] text-[18px] font-medium tracking-[-0.03em]`}
+                  className={`${dateFieldClassName} text-brand-ink gap-2 pr-[14px] text-lg font-medium tracking-normal`}
                 >
                   <input
                     ref={yearInputRef}
diff --git a/src/features/manage-meeting-notes/ui/MeetingNotesList.tsx b/src/features/manage-meeting-notes/ui/MeetingNotesList.tsx
index 91ebba2..69f715f 100644
--- a/src/features/manage-meeting-notes/ui/MeetingNotesList.tsx
+++ b/src/features/manage-meeting-notes/ui/MeetingNotesList.tsx
@@ -55,7 +55,7 @@ export function MeetingNotesList({ workspaceId, meetingNotes, viewer }: MeetingN
   return (
     <section className="max-w-[714px]">
       <div className="mb-[26px] flex items-center justify-between gap-4">
-        <h1 className="text-brand-ink text-[36px] font-extrabold tracking-[-0.04em]">회의록</h1>
+        <h1 className="workspace-page-title">회의록</h1>
         <Link
           href={`/workspaces/${workspaceId}/meeting-notes/new`}
           className="bg-brand inline-flex h-12 items-center gap-2 rounded-full px-5 text-[16px] font-bold text-white shadow-[0_10px_24px_rgba(91,78,232,0.24)] transition hover:brightness-105"
diff --git a/src/features/manage-progress-chart/ui/ProgressChartView.tsx b/src/features/manage-progress-chart/ui/ProgressChartView.tsx
index c0f30c4..1db966f 100644
--- a/src/features/manage-progress-chart/ui/ProgressChartView.tsx
+++ b/src/features/manage-progress-chart/ui/ProgressChartView.tsx
@@ -23,13 +23,13 @@ function SummaryNumberCard({
       <div className="text-center">
         <strong
           className={cn(
-            'text-brand-ink text-[46px] leading-none font-extrabold tracking-[-0.06em]',
+            'text-brand-ink text-4xl leading-none font-extrabold tracking-normal',
             valueClassName,
           )}
         >
           {value}
         </strong>
-        <p className="mt-2.5 text-[15px] font-semibold tracking-[-0.04em] text-[#9ca2c5]">
+        <p className="mt-2.5 text-sm font-semibold tracking-normal text-[#9ca2c5]">
           {label}
         </p>
       </div>
@@ -50,8 +50,8 @@ function OverallProgressCard({
 
   return (
     <div className="rounded-[22px] border border-[#e7eaff] bg-white px-6 pt-9 pb-10 shadow-[0_6px_20px_rgba(91,78,232,0.03)]">
-      <h2 className="text-brand-ink text-[17px] font-bold tracking-[-0.04em]">전체 진행률</h2>
-      <p className="mt-2 text-[13px] font-medium tracking-[-0.03em] text-[#98a0c6]">
+      <h2 className="workspace-section-title">전체 진행률</h2>
+      <p className="mt-2 text-xs font-medium tracking-normal text-[#98a0c6]">
         {doneCount} / {totalCount} 업무 완료
       </p>
 
@@ -60,7 +60,7 @@ function OverallProgressCard({
           className="flex h-full items-center justify-end rounded-full bg-[linear-gradient(90deg,#534bf2_0%,#8a56ff_100%)] pr-4"
           style={{ width: `${safeProgress}%` }}
         >
-          <span className="text-[12px] font-bold tracking-[-0.02em] text-white">
+          <span className="text-xs font-bold tracking-normal text-white">
             {safeProgress}%
           </span>
         </div>
@@ -77,7 +77,7 @@ function AssigneeBarChartCard({ items }: { items: ProgressChartAssigneeItem[] })
 
   return (
     <div className="row-span-2 rounded-[22px] border border-[#e7eaff] bg-white px-6 pt-6 pb-5 shadow-[0_6px_20px_rgba(91,78,232,0.03)]">
-      <h2 className="text-brand-ink text-[17px] font-bold tracking-[-0.04em]">
+      <h2 className="workspace-section-title">
         담당자별 업무 현황
       </h2>
 
@@ -111,7 +111,7 @@ function AssigneeBarChartCard({ items }: { items: ProgressChartAssigneeItem[] })
                     height: `${gridMaxValue === 0 ? 0 : (item.count / gridMaxValue) * 214}px`,
                   }}
                 />
-                <span className="mt-3 text-[13px] font-medium tracking-[-0.03em] text-[#8f97bf]">
+                <span className="mt-3 text-xs font-medium tracking-normal text-[#8f97bf]">
                   {item.name}
                 </span>
               </div>
@@ -138,7 +138,7 @@ function StatusDistributionCard({ items }: { items: ProgressChartStatusItem[] })
 
   return (
     <div className="rounded-[22px] border border-[#e7eaff] bg-white px-6 pt-6 pb-7 shadow-[0_6px_20px_rgba(91,78,232,0.03)]">
-      <h2 className="text-brand-ink text-[17px] font-bold tracking-[-0.04em]">상태 분포</h2>
+      <h2 className="workspace-section-title">상태 분포</h2>
 
       <div className="flex flex-col items-center justify-center gap-8 pt-9 pb-1 lg:flex-row">
         <div
@@ -159,10 +159,10 @@ function StatusDistributionCard({ items }: { items: ProgressChartStatusItem[] })
                 aria-hidden="true"
               />
               <div className="flex min-w-[116px] items-center justify-between gap-5">
-                <span className="text-brand-ink text-[15px] font-semibold tracking-[-0.03em]">
+                <span className="text-brand-ink text-sm font-semibold tracking-normal">
                   {item.label}
                 </span>
-                <strong className="text-brand-ink text-[15px] font-extrabold tracking-[-0.04em]">
+                <strong className="text-brand-ink text-sm font-extrabold tracking-normal">
                   {item.count}건
                 </strong>
               </div>
@@ -194,7 +194,7 @@ export function ProgressChartView({ workspaceId }: ProgressChartViewProps) {
   return (
     <section className="w-full max-w-[1280px]">
       <header className="mb-6">
-        <h1 className="text-brand-ink text-[28px] leading-[1.15] font-extrabold tracking-[-0.05em]">
+        <h1 className="workspace-page-title">
           진행률 차트
         </h1>
       </header>
diff --git a/src/features/project-board/ui/ProjectBoard.tsx b/src/features/project-board/ui/ProjectBoard.tsx
index 0cb76a2..d2531d5 100644
--- a/src/features/project-board/ui/ProjectBoard.tsx
+++ b/src/features/project-board/ui/ProjectBoard.tsx
@@ -212,7 +212,7 @@ export function ProjectBoard({ workspaceId }: ProjectBoardProps) {
   return (
     <section className="mx-auto flex max-w-[1284px] flex-col gap-6">
       <div className="flex items-center justify-between gap-4">
-        <h2 className="text-brand-ink text-[32px] leading-tight font-extrabold tracking-[-0.04em]">
+        <h2 className="workspace-page-title">
           프로젝트 관리
         </h2>
         <button
diff --git a/src/views/chat/ui/ChatView.tsx b/src/views/chat/ui/ChatView.tsx
index 1f0f6ff..bb18612 100644
--- a/src/views/chat/ui/ChatView.tsx
+++ b/src/views/chat/ui/ChatView.tsx
@@ -44,10 +44,10 @@ export function ChatView({ workspaceId, initialData }: ChatViewProps) {
   const connection = getConnectionLabel(connectionStatus);
 
   return (
-    <section className="mx-auto w-full min-w-0 max-w-[1180px]">
-      <div className="mb-6">
-        <h1 className="text-2xl font-bold text-slate-950">채팅</h1>
-        <p className="mt-1 text-sm text-slate-500">
+    <section className="workspace-page min-w-0">
+      <div className="workspace-page-header">
+        <h1 className="workspace-page-title">채팅</h1>
+        <p className="workspace-page-description">
           워크스페이스 구성원과 실시간으로 대화할 수 있습니다.
         </p>
       </div>
diff --git a/src/views/create-workspace/ui/CreateWorkspacePage.tsx b/src/views/create-workspace/ui/CreateWorkspacePage.tsx
index 27a6323..0cd4ef5 100644
--- a/src/views/create-workspace/ui/CreateWorkspacePage.tsx
+++ b/src/views/create-workspace/ui/CreateWorkspacePage.tsx
@@ -3,16 +3,10 @@
 // 워크스페이스 생성 페이지 — 템플릿 선택 후 생성 Dialog로 이어지는 플로우
 import Link from 'next/link';
 import { useState } from 'react';
-import { Plus_Jakarta_Sans } from 'next/font/google';
 import { WORKSPACE_TEMPLATE_ORDER, type WorkspacePurpose } from '@/entities/workspace';
 import { CreateWorkspaceDialog } from '@/features/create-workspace';
 import TemplateSelectCard from './TemplateSelectCard';
 
-const jakarta = Plus_Jakarta_Sans({
-  subsets: ['latin'],
-  weight: ['400', '600', '700', '800'],
-});
-
 export default function CreateWorkspacePage() {
   const [selectedPurpose, setSelectedPurpose] = useState<WorkspacePurpose | null>(null);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
@@ -24,15 +18,15 @@ export default function CreateWorkspacePage() {
 
   return (
     <div
-      className={`${jakarta.className} bg-brand-surface flex min-h-screen flex-col items-center justify-center px-6 py-6`}
+      className="bg-brand-surface flex min-h-screen flex-col items-center justify-center px-6 py-6"
     >
       <div className="mx-auto flex w-full max-w-3xl flex-col items-center gap-5">
         <div className="flex w-full flex-col gap-7.5">
           <header className="flex flex-col items-center text-center">
-            <h1 className="text-brand-ink text-2xl leading-8 font-bold">
+            <h1 className="workspace-page-title">
               어떤 용도로 쓰실 건가요?
             </h1>
-            <p className="text-brand-muted pt-2 text-sm leading-5">
+            <p className="workspace-page-description mt-2">
               목적에 맞는 템플릿을 선택하면 워크스페이스를 이용할 수 있어요
             </p>
           </header>
diff --git a/src/views/create-workspace/ui/TemplateSelectCard.tsx b/src/views/create-workspace/ui/TemplateSelectCard.tsx
index 23c0096..a5c412f 100644
--- a/src/views/create-workspace/ui/TemplateSelectCard.tsx
+++ b/src/views/create-workspace/ui/TemplateSelectCard.tsx
@@ -40,7 +40,7 @@ export default function TemplateSelectCard({ purpose, onSelect }: TemplateSelect
           <span
             key={tag}
             style={{ backgroundColor: detail.tagBg, color: detail.tagText }}
-            className="rounded-full px-2 py-0.5 text-[13px] leading-4 font-semibold tracking-[-0.325px]"
+            className="rounded-full px-2 py-0.5 text-[13px] leading-4 font-semibold tracking-normal"
           >
             {tag}
           </span>
diff --git a/src/views/meeting-notes/ui/EditMeetingNotePage.tsx b/src/views/meeting-notes/ui/EditMeetingNotePage.tsx
index 1e12e84..cb96533 100644
--- a/src/views/meeting-notes/ui/EditMeetingNotePage.tsx
+++ b/src/views/meeting-notes/ui/EditMeetingNotePage.tsx
@@ -1,7 +1,6 @@
 import { notFound } from 'next/navigation';
 import { getMeetingNote } from '@/entities/meeting-note';
 import { MeetingNoteForm } from '@/features/manage-meeting-notes';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 
 interface EditMeetingNotePageProps {
   workspaceId: string;
@@ -19,7 +18,7 @@ export default async function EditMeetingNotePage({
   }
 
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <MeetingNoteForm workspaceId={workspaceId} meetingNote={meetingNote} />
     </div>
   );
diff --git a/src/views/meeting-notes/ui/MeetingNotesPage.tsx b/src/views/meeting-notes/ui/MeetingNotesPage.tsx
index 9ec00d0..d2a319e 100644
--- a/src/views/meeting-notes/ui/MeetingNotesPage.tsx
+++ b/src/views/meeting-notes/ui/MeetingNotesPage.tsx
@@ -1,6 +1,5 @@
 import { getMeetingNotes } from '@/entities/meeting-note';
 import { MeetingNotesList } from '@/features/manage-meeting-notes';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 
 interface MeetingNotesPageProps {
   workspaceId: string;
@@ -10,7 +9,7 @@ export default async function MeetingNotesPage({ workspaceId }: MeetingNotesPage
   const { meetingNotes, viewer } = await getMeetingNotes(workspaceId);
 
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <MeetingNotesList workspaceId={workspaceId} meetingNotes={meetingNotes} viewer={viewer} />
     </div>
   );
diff --git a/src/views/meeting-notes/ui/NewMeetingNotePage.tsx b/src/views/meeting-notes/ui/NewMeetingNotePage.tsx
index e3776f3..f10925e 100644
--- a/src/views/meeting-notes/ui/NewMeetingNotePage.tsx
+++ b/src/views/meeting-notes/ui/NewMeetingNotePage.tsx
@@ -1,5 +1,4 @@
 import { MeetingNoteForm } from '@/features/manage-meeting-notes';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 
 interface NewMeetingNotePageProps {
   workspaceId: string;
@@ -7,7 +6,7 @@ interface NewMeetingNotePageProps {
 
 export default function NewMeetingNotePage({ workspaceId }: NewMeetingNotePageProps) {
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <MeetingNoteForm workspaceId={workspaceId} />
     </div>
   );
diff --git a/src/views/progress-chart/ui/ProgressChartPage.tsx b/src/views/progress-chart/ui/ProgressChartPage.tsx
index fbaa29d..21572f7 100644
--- a/src/views/progress-chart/ui/ProgressChartPage.tsx
+++ b/src/views/progress-chart/ui/ProgressChartPage.tsx
@@ -1,6 +1,5 @@
 import { ProgressChartView } from '@/features/manage-progress-chart';
 import { ProgressChartView as SideProjectProgressChartView } from '@/views/side-project/progress-chart';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 import { getWorkspaceById } from '@/entities/workspace/api/get-workspace-by-id';
 import { notFound } from 'next/navigation';
 
@@ -26,7 +25,7 @@ export default async function ProgressChartPage({
     );
   }
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <ProgressChartView workspaceId={workspaceId} />
     </div>
   );
diff --git a/src/views/project-management/ui/ProjectManagementPage.tsx b/src/views/project-management/ui/ProjectManagementPage.tsx
index 6cb50d4..7328ca1 100644
--- a/src/views/project-management/ui/ProjectManagementPage.tsx
+++ b/src/views/project-management/ui/ProjectManagementPage.tsx
@@ -1,5 +1,4 @@
 import { ProjectBoard } from '@/features/project-board';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 
 type ProjectManagementPageProps = {
   workspaceId: string;
@@ -7,7 +6,7 @@ type ProjectManagementPageProps = {
 
 export default function ProjectManagementPage({ workspaceId }: ProjectManagementPageProps) {
   return (
-    <div className={`${plusJakartaSans.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <ProjectBoard workspaceId={workspaceId} />
     </div>
   );
diff --git a/src/views/settings/ui/SettingsView.tsx b/src/views/settings/ui/SettingsView.tsx
index 667f73e..031d46a 100644
--- a/src/views/settings/ui/SettingsView.tsx
+++ b/src/views/settings/ui/SettingsView.tsx
@@ -8,7 +8,6 @@ import type { WorkspaceMember } from '@/entities/workspace-member';
 import { WorkspaceInfoForm } from '@/features/manage-workspace-info';
 import { MemberManagementPanel } from '@/features/manage-workspace-members';
 import { MemberProfileForm } from '@/features/manage-member-profile';
-import { plusJakartaSans } from '@/shared/lib/fonts';
 import type { SettingsTabKey } from '../model/settings-tab';
 import { SettingsTabs } from './SettingsTabs';
 
@@ -33,8 +32,8 @@ export function SettingsView({
   const isOwner = members.find((member) => member.userId === currentUserId)?.role === 'owner';
 
   return (
-    <div className={`${plusJakartaSans.className} mx-auto max-w-3xl`}>
-      <h1 className="text-2xl font-bold text-slate-950">설정</h1>
+    <div className="mx-auto w-full max-w-3xl">
+      <h1 className="workspace-page-title">설정</h1>
 
       <SettingsTabs activeTab={activeTab} />
 
diff --git a/src/views/side-project/progress-chart/ui/ProgressChartView.tsx b/src/views/side-project/progress-chart/ui/ProgressChartView.tsx
index 349bf8c..4e448b1 100644
--- a/src/views/side-project/progress-chart/ui/ProgressChartView.tsx
+++ b/src/views/side-project/progress-chart/ui/ProgressChartView.tsx
@@ -2,8 +2,6 @@
 
 // 진행률 차트 페이지 뷰 — useQuery로 스프린트/업무를 조회하고 파생값을 계산해 렌더한다(GET 컨벤션 §5).
 // 로딩/에러/빈 상태를 여기서 분기하고, 하위 차트 컴포넌트는 순수 표현만 담당한다.
-import { Plus_Jakarta_Sans } from 'next/font/google';
-
 import {
   resolveSelectedSprint,
   selectVelocity,
@@ -17,11 +15,6 @@ import SprintProgressCard from './SprintProgressCard';
 import StatusDonutChart from './StatusDonutChart';
 import VelocityChart from './VelocityChart';
 
-const jakarta = Plus_Jakarta_Sans({
-  subsets: ['latin'],
-  weight: ['400', '500', '600', '700', '800'],
-});
-
 function CenteredMessage({ children }: { children: React.ReactNode }) {
   return (
     <div className="text-brand-muted flex min-h-full items-center justify-center p-6 text-sm">
@@ -57,7 +50,7 @@ export function ProgressChartView({ workspaceId, selectedSprintId }: ProgressCha
   const statusCounts = countByStatus(tasksQuery.data);
 
   return (
-    <div className={`${jakarta.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <div className="flex flex-col gap-4">
         {/* 스프린트 선택기 — 상단/스탯/도넛은 선택 스프린트에 묶이고, 벨로시티는 전체 추이를 유지한다 */}
         <SprintSelector sprints={sprintsQuery.data} currentSprintId={sprint.id} />
diff --git a/src/views/side-project/sprint-board/ui/SprintBoardView.tsx b/src/views/side-project/sprint-board/ui/SprintBoardView.tsx
index d1d5923..14eb70e 100644
--- a/src/views/side-project/sprint-board/ui/SprintBoardView.tsx
+++ b/src/views/side-project/sprint-board/ui/SprintBoardView.tsx
@@ -4,8 +4,6 @@
 // 선택 스프린트는 URL(?sprint=id)에서 온 selectedSprintId로 판정하고, 없으면 현재 스프린트로 폴백한다.
 // 로딩/에러/빈 상태를 여기서 분기하고, 상호작용 보드/백로그는 feature에 위임한다.
 // members(담당자 표시명 해석용)는 RSC 값(initialMembers)으로 첫 렌더를 채우고 공유 캐시가 소유한다.
-import { Plus_Jakarta_Sans } from 'next/font/google';
-
 import { resolveSelectedSprint, SprintSelector, useSprints } from '@/entities/side-project/sprint';
 import { useBacklogTasks, useSprintTasks } from '@/entities/side-project/task';
 import {
@@ -18,11 +16,6 @@ import { SprintToolbar } from '@/features/manage-sprints';
 
 import SprintSummaryHeader from './SprintSummaryHeader';
 
-const jakarta = Plus_Jakarta_Sans({
-  subsets: ['latin'],
-  weight: ['400', '500', '600', '700', '800'],
-});
-
 function CenteredMessage({ children }: { children: React.ReactNode }) {
   return (
     <div className="text-brand-muted flex min-h-full items-center justify-center p-6 text-sm">
@@ -62,7 +55,7 @@ export function SprintBoardView({
   // 스프린트가 하나도 없는 워크스페이스 — 빈 상태(생성 버튼은 노출)
   if (!sprint) {
     return (
-      <div className={`${jakarta.className} bg-brand-surface min-h-full`}>
+      <div className="bg-brand-surface min-h-full">
         <div className="mb-4 flex justify-end">
           <SprintToolbar workspaceId={workspaceId} />
         </div>
@@ -79,7 +72,7 @@ export function SprintBoardView({
     return <CenteredMessage>업무를 불러오지 못했습니다.</CenteredMessage>;
 
   return (
-    <div className={`${jakarta.className} bg-brand-surface min-h-full`}>
+    <div className="bg-brand-surface min-h-full">
       <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
         <SprintSelector sprints={sprintsQuery.data} currentSprintId={sprint.id} />
         <SprintToolbar workspaceId={workspaceId} sprint={sprint} />
diff --git a/src/views/store-operation/notices/ui/NoticesView.tsx b/src/views/store-operation/notices/ui/NoticesView.tsx
index 8698f4c..120e767 100644
--- a/src/views/store-operation/notices/ui/NoticesView.tsx
+++ b/src/views/store-operation/notices/ui/NoticesView.tsx
@@ -35,9 +35,9 @@ export function NoticesView({ workspaceId, initialData }: NoticesViewProps) {
   });
 
   return (
-    <section>
-      <div className="mb-6 flex items-center justify-between gap-4">
-        <h1 className="text-2xl font-bold text-slate-950">공지</h1>
+    <section className="workspace-page">
+      <div className="workspace-page-header flex items-center justify-between gap-4">
+        <h1 className="workspace-page-title">공지</h1>
         <button
           type="button"
           onClick={openCreateComposer}
diff --git a/src/views/store-operation/resources/ui/ResourcesView.tsx b/src/views/store-operation/resources/ui/ResourcesView.tsx
index 5262595..613fc55 100644
--- a/src/views/store-operation/resources/ui/ResourcesView.tsx
+++ b/src/views/store-operation/resources/ui/ResourcesView.tsx
@@ -34,9 +34,9 @@ export function ResourcesView({ workspaceId, initialData }: ResourcesViewProps)
   } = useResourceLibraryState({ initialData, workspaceId });
 
   return (
-    <section>
-      <div className="mb-6 flex items-center justify-between gap-4">
-        <h1 className="text-2xl font-bold text-slate-950">자료실</h1>
+    <section className="workspace-page">
+      <div className="workspace-page-header flex items-center justify-between gap-4">
+        <h1 className="workspace-page-title">자료실</h1>
         <div className="flex items-center gap-3">
           <button
             type="button"
@@ -57,7 +57,7 @@ export function ResourcesView({ workspaceId, initialData }: ResourcesViewProps)
         </div>
       </div>
 
-      <div className="max-w-[790px]">
+      <div className="w-full max-w-4xl">
         <ResourceList
           resources={resources}
           viewer={viewer}
diff --git a/src/views/store-operation/work-schedule/ui/WorkScheduleView.tsx b/src/views/store-operation/work-schedule/ui/WorkScheduleView.tsx
index a80dd2a..e70d80a 100644
--- a/src/views/store-operation/work-schedule/ui/WorkScheduleView.tsx
+++ b/src/views/store-operation/work-schedule/ui/WorkScheduleView.tsx
@@ -30,10 +30,10 @@ export function WorkScheduleView({
   );
 
   return (
-    <section>
-      <div className="mb-6">
-        <h1 className="text-2xl font-bold text-slate-950">업무 스케줄</h1>
-        <p className="mt-1 text-sm text-slate-500">셀을 클릭하면 근무 유형이 변경됩니다</p>
+    <section className="workspace-page">
+      <div className="workspace-page-header">
+        <h1 className="workspace-page-title">업무 스케줄</h1>
+        <p className="workspace-page-description">셀을 클릭하면 근무 유형이 변경됩니다</p>
       </div>
 
       <WorkScheduleBoard
diff --git a/src/views/workspaces/ui/WorkspacesPage.tsx b/src/views/workspaces/ui/WorkspacesPage.tsx
index b8b9225..5dbe4e6 100644
--- a/src/views/workspaces/ui/WorkspacesPage.tsx
+++ b/src/views/workspaces/ui/WorkspacesPage.tsx
@@ -4,26 +4,19 @@
 // 목록 조회는 tanstack-query(useQuery) — GET 컨벤션 (docs/conventions/supabase-convention.md)
 import Link from 'next/link';
 import { Plus, RotateCcw } from 'lucide-react';
-import { Plus_Jakarta_Sans } from 'next/font/google';
 import { useMyWorkspaces } from '@/entities/workspace';
 import { WorkspaceList } from '@/widgets/workspace-list';
 
-// Figma 지정 폰트 — 한글은 시스템 폰트로 fallback된다
-const jakarta = Plus_Jakarta_Sans({
-  subsets: ['latin'],
-  weight: ['400', '600', '700', '800'],
-});
-
 export default function WorkspacesPage() {
   const { data: workspaces, isPending, isError, refetch } = useMyWorkspaces();
 
   return (
-    <div className={`${jakarta.className} bg-brand-surface flex min-h-screen flex-col`}>
+    <div className="bg-brand-surface flex min-h-screen flex-col">
       <div className="mx-auto flex w-full max-w-3xl flex-1 flex-col px-6 py-6">
         <header className="flex items-center justify-between gap-4">
           <div className="flex flex-col">
-            <h1 className="text-brand-ink text-xl leading-7 font-bold">내 워크스페이스</h1>
-            <p className="text-brand-muted pt-0.5 text-sm leading-5">참여 중인 워크스페이스 목록</p>
+            <h1 className="workspace-page-title">내 워크스페이스</h1>
+            <p className="workspace-page-description">참여 중인 워크스페이스 목록</p>
           </div>
           <Link
             href="/workspaces/new"
diff --git a/src/widgets/team-project/dashboard-overall-progress/ui/OverallProgress.tsx b/src/widgets/team-project/dashboard-overall-progress/ui/OverallProgress.tsx
index 9e9c34d..1fa2c7a 100644
--- a/src/widgets/team-project/dashboard-overall-progress/ui/OverallProgress.tsx
+++ b/src/widgets/team-project/dashboard-overall-progress/ui/OverallProgress.tsx
@@ -61,10 +61,10 @@ export default function OverallProgress({
       <div className={`flex flex-1 flex-col ${isCompact ? 'pt-1' : 'pt-2'}`}>
         <div className="flex items-end justify-between gap-4">
           <div>
-            <p className="text-[15px] font-medium tracking-[-0.03em] text-[#8b90ba]">완료</p>
+            <p className="text-sm font-medium tracking-normal text-[#8b90ba]">완료</p>
           </div>
           <p
-            className={`text-brand-ink font-extrabold tracking-[-0.05em] ${
+            className={`text-brand-ink font-extrabold tracking-normal ${
               isCompact ? 'text-[17px]' : 'text-[22px]'
             }`}
           >
@@ -82,7 +82,7 @@ export default function OverallProgress({
         </div>
 
         <p
-          className={`font-medium tracking-[-0.03em] text-[#8b90ba] ${
+          className={`font-medium tracking-normal text-[#8b90ba] ${
             isCompact ? 'mt-5 text-[15px]' : 'mt-6 text-[18px]'
           }`}
         >
diff --git a/src/widgets/team-project/dashboard-work-summary/ui/WorkSummary.tsx b/src/widgets/team-project/dashboard-work-summary/ui/WorkSummary.tsx
index e4d2271..d192df1 100644
--- a/src/widgets/team-project/dashboard-work-summary/ui/WorkSummary.tsx
+++ b/src/widgets/team-project/dashboard-work-summary/ui/WorkSummary.tsx
@@ -41,9 +41,9 @@ function SummaryCard({
 }) {
   return (
     <div className="border-brand/10 flex h-full min-h-[112px] flex-col rounded-2xl border bg-white px-6 py-5">
-      <p className="text-[15px] font-medium tracking-[-0.03em] text-[#7f86b2]">{label}</p>
+      <p className="text-sm font-medium tracking-normal text-[#7f86b2]">{label}</p>
       <p
-        className={`mt-3 text-[50px] leading-none font-extrabold tracking-[-0.06em] ${valueClassName}`}
+        className={`mt-3 text-4xl leading-none font-extrabold tracking-normal ${valueClassName}`}
       >
         {value}
       </p>
diff --git a/src/widgets/workspace-list/ui/EmptyWorkspaces.tsx b/src/widgets/workspace-list/ui/EmptyWorkspaces.tsx
index bc3bb64..4f397bc 100644
--- a/src/widgets/workspace-list/ui/EmptyWorkspaces.tsx
+++ b/src/widgets/workspace-list/ui/EmptyWorkspaces.tsx
@@ -11,10 +11,10 @@ export default function EmptyWorkspaces() {
         height={88}
         className="pointer-events-none opacity-[0.56] select-none"
       />
-      <h2 className="text-brand-ink text-2xl leading-[1.4] font-bold tracking-[-0.6px]">
+      <h2 className="text-brand-ink text-2xl leading-8 font-bold tracking-normal">
         아직 워크스페이스가 없어요
       </h2>
-      <p className="text-brand-muted text-center text-lg leading-[1.4] tracking-[-0.45px]">
+      <p className="text-brand-muted text-center text-base leading-6 tracking-normal">
         팀과 함께 사용할 워크스페이스를 만들어
         <br />
         프로젝트를 효율적으로 관리해보세요.