diff --git a/ordinis-admin-ui/src/components/layout/Sidebar.tsx b/ordinis-admin-ui/src/components/layout/Sidebar.tsx
index 679807d..4bf6ef4 100644
--- a/ordinis-admin-ui/src/components/layout/Sidebar.tsx
+++ b/ordinis-admin-ui/src/components/layout/Sidebar.tsx
@@ -207,7 +207,7 @@ function SidebarContent({
             </g>
           </svg>
           {!collapsed && (
-            <span className="font-display text-[15px] font-semibold leading-none tracking-[0.22em] text-ink inline-flex items-baseline gap-1.5">
+            <span className="font-display text-title-md leading-none tracking-[0.22em] text-ink inline-flex items-baseline gap-1.5">
               ORDINIS
               <span className="text-mute font-normal tracking-[0.32em] text-[0.78em]">MDM</span>
             </span>
diff --git a/ordinis-admin-ui/src/components/lineage/DictionaryHubView.tsx b/ordinis-admin-ui/src/components/lineage/DictionaryHubView.tsx
index 8aab369..acfb9d9 100644
--- a/ordinis-admin-ui/src/components/lineage/DictionaryHubView.tsx
+++ b/ordinis-admin-ui/src/components/lineage/DictionaryHubView.tsx
@@ -65,11 +65,11 @@ const NeighborCard = ({
         }`}
         aria-hidden="true"
       />
-      <h4 className="font-sans text-[14px] font-semibold text-accent truncate group-hover:underline">
+      <h4 className="font-sans text-body font-semibold text-accent truncate group-hover:underline">
         {dict.displayName ?? dict.name}
       </h4>
     </div>
-    <div className="mt-0.5 font-mono text-[10px] text-mute truncate">
+    <div className="mt-0.5 text-mono text-mute truncate">
       {dict.name}
     </div>
   </Link>
@@ -177,7 +177,7 @@ export function DictionaryHubView({ detail }: { detail: DictionaryDetail }) {
             {detail.name}
           </div>
           {detail.description && (
-            <p className="text-[13px] text-ink mt-3 leading-relaxed">
+            <p className="text-body text-ink mt-3 leading-relaxed">
               {detail.description}
             </p>
           )}
diff --git a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
index 3f44d18..867fa33 100644
--- a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
+++ b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
@@ -1870,7 +1870,7 @@ function JsonTabContent({ detail }: { detail: { schemaJson: import('@/api/client
         * bg-surface-2 который user feedback'нул как «желтый кремовый».
         * Highlight token colors (text-accent/green/pink/warn) работают на
         * тёмном фоне OK благодаря accessible contrast. */}
-      <pre className="rounded-lg border border-[#3d3863] bg-[#0c0a23] p-4 overflow-x-auto text-[12px] font-mono text-[#f0eaff] whitespace-pre">
+      <pre className="rounded-lg border border-[#3d3863] bg-[#0c0a23] p-4 overflow-x-auto text-cell font-mono text-[#f0eaff] whitespace-pre">
         <code dangerouslySetInnerHTML={{ __html: highlightJson(json) }} />
       </pre>
     </div>
diff --git a/ordinis-admin-ui/src/ui/components/alert.tsx b/ordinis-admin-ui/src/ui/components/alert.tsx
index 94dd4ca..58603ef 100644
--- a/ordinis-admin-ui/src/ui/components/alert.tsx
+++ b/ordinis-admin-ui/src/ui/components/alert.tsx
@@ -38,7 +38,7 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
         <div className="flex items-start justify-between gap-3">
           <div className="min-w-0 flex-1">
             {title && <div className="font-medium mb-0.5">{title}</div>}
-            <div className="text-ink-2 text-[13px] leading-snug">{children}</div>
+            <div className="text-ink-2 text-body leading-snug">{children}</div>
           </div>
           {action && <div className="shrink-0 flex items-center gap-2">{action}</div>}
         </div>