diff --git a/docs/docs/sdk/web/admin/utilities.md b/docs/docs/sdk/web/admin/utilities.md
index 20f168aa7..ab2a3521c 100644
--- a/docs/docs/sdk/web/admin/utilities.md
+++ b/docs/docs/sdk/web/admin/utilities.md
@@ -128,6 +128,69 @@ const query = transformDataTableQueryToRQLRequest(tableQuery, {
 
 ---
 
+## `useTerminology`
+
+Hook that returns customizable entity labels based on the terminology config provided via `AdminConfigProvider`. Allows deployments to rename entities (e.g. "Organization" to "Workspace") across the UI without code changes.
+
+The terminology is configured at runtime via the `/configs` endpoint:
+
+```json
+{
+  "terminology": {
+    "organization": { "singular": "Workspace", "plural": "Workspaces" },
+    "user": { "singular": "Person", "plural": "People" }
+  }
+}
+```
+
+### Usage
+
+```tsx
+import { useTerminology } from "@raystack/frontier/admin";
+
+const MyView = () => {
+  const t = useTerminology();
+
+  return (
+    <div>
+      <h1>{t.organization({ plural: true, case: "capital" })}</h1>
+      <p>Create a new {t.organization({ case: "lower" })}</p>
+    </div>
+  );
+};
+```
+
+### Options
+
+Each entity function accepts an optional options object:
+
+| Option | Type | Description |
+| --- | --- | --- |
+| `plural` | `boolean` | Use plural form. Defaults to `false`. |
+| `case` | `"lower" \| "upper" \| "capital"` | Text casing. Returns the configured value as-is when omitted. |
+
+### Available entities
+
+`t.organization()`, `t.project()`, `t.team()`, `t.member()`, `t.user()`, `t.appName()`
+
+---
+
+## `useAdminPaths`
+
+Hook that returns URL-safe slugs derived from terminology config, for use in dynamic routing.
+
+```tsx
+import { useAdminPaths } from "@raystack/frontier/admin";
+
+const paths = useAdminPaths();
+// Default: { organizations: "organizations", users: "users", projects: "projects", ... }
+// With custom terminology: { organizations: "workspaces", users: "people", ... }
+
+navigate(`/${paths.organizations}/${id}`);
+```
+
+---
+
 ## `ConnectRPCPaginatedResponse`
 
 Type for paginated API responses.
diff --git a/web/apps/admin/configs.dev.json b/web/apps/admin/configs.dev.json
new file mode 100644
index 000000000..d858368e7
--- /dev/null
+++ b/web/apps/admin/configs.dev.json
@@ -0,0 +1,32 @@
+{
+  "title": "Frontier Admin",
+  "app_url": "localhost:5173",
+  "token_product_id": "token",
+  "organization_types": [],
+  "webhooks": {
+    "enable_delete": false
+  },
+  "terminology": {
+    "organization": {
+      "singular": "Organization",
+      "plural": "Organizations"
+    },
+    "project": {
+      "singular": "Project",
+      "plural": "Projects"
+    },
+    "team": {
+      "singular": "Team",
+      "plural": "Teams"
+    },
+    "member": {
+      "singular": "Member",
+      "plural": "Members"
+    },
+    "user": {
+      "singular": "User",
+      "plural": "Users"
+    },
+    "appName": "Frontier Admin"
+  }
+}
diff --git a/web/apps/admin/src/components/Sidebar/index.tsx b/web/apps/admin/src/components/Sidebar/index.tsx
index f735b3c64..e40eb8dec 100644
--- a/web/apps/admin/src/components/Sidebar/index.tsx
+++ b/web/apps/admin/src/components/Sidebar/index.tsx
@@ -26,6 +26,7 @@ import CpuChipIcon from "~/assets/icons/cpu-chip.svg?react";
 import { AppContext } from "~/contexts/App";
 import { MoonIcon, SunIcon } from "@radix-ui/react-icons";
 import { Link, useLocation } from "react-router-dom";
+import { useTerminology, useAdminPaths } from "@raystack/frontier/admin";
 
 export type NavigationItemsTypes = {
   to?: string;
@@ -36,90 +37,96 @@ export type NavigationItemsTypes = {
 
 const BRAND_NAME = "Frontier";
 
-const navigationItems: NavigationItemsTypes[] = [
-  {
-    name: "Organizations",
-    to: `/organizations`,
-    icon: <OrganizationIcon />,
-  },
-  {
-    name: "Users",
-    to: `/users`,
-    icon: <UserIcon />,
-  },
-  {
-    name: "Audit Logs",
-    to: `/audit-logs`,
-    icon: <CpuChipIcon />,
-  },
-  {
-    name: "Invoices",
-    to: `/invoices`,
-    icon: <InvoicesIcon />,
-  },
-  {
-    name: "Authorization",
-    subItems: [
-      {
-        name: "Roles",
-        to: `/roles`,
-        icon: <RolesIcon />,
-      },
-    ],
-  },
-  {
-    name: "Billing",
-    subItems: [
-      {
-        name: "Products",
-        to: `/products`,
-        icon: <ProductsIcon />,
-      },
-      {
-        name: "Plans",
-        to: `/plans`,
-        icon: <PlansIcon />,
-      },
-    ],
-  },
-  {
-    name: "Features",
-    subItems: [
-      {
-        name: "Webhooks",
-        to: `/webhooks`,
-        icon: <WebhooksIcon />,
-      },
-    ],
-  },
-  {
-    name: "Settings",
-    subItems: [
-      {
-        name: "Preferences",
-        to: `/preferences`,
-        icon: <PreferencesIcon />,
-      },
-      {
-        name: "Admins",
-        to: `/super-admins`,
-        icon: <AdminsIcon />,
-      },
-    ],
-  },
-  // {
-  //   name: "Projects",
-  //   to: `/projects`,
-  // },
+const useNavigationItems = (): NavigationItemsTypes[] => {
+  const t = useTerminology();
+  const paths = useAdminPaths();
 
-  // {
-  //   name: "Groups",
-  //   to: `/groups`,
-  // },
-];
+  return [
+    {
+      name: t.organization({ plural: true, case: "capital" }),
+      to: `/${paths.organizations}`,
+      icon: <OrganizationIcon />,
+    },
+    {
+      name: t.user({ plural: true, case: "capital" }),
+      to: `/${paths.users}`,
+      icon: <UserIcon />,
+    },
+    {
+      name: "Audit Logs",
+      to: `/audit-logs`,
+      icon: <CpuChipIcon />,
+    },
+    {
+      name: "Invoices",
+      to: `/invoices`,
+      icon: <InvoicesIcon />,
+    },
+    {
+      name: "Authorization",
+      subItems: [
+        {
+          name: "Roles",
+          to: `/roles`,
+          icon: <RolesIcon />,
+        },
+      ],
+    },
+    {
+      name: "Billing",
+      subItems: [
+        {
+          name: "Products",
+          to: `/products`,
+          icon: <ProductsIcon />,
+        },
+        {
+          name: "Plans",
+          to: `/plans`,
+          icon: <PlansIcon />,
+        },
+      ],
+    },
+    {
+      name: "Features",
+      subItems: [
+        {
+          name: "Webhooks",
+          to: `/webhooks`,
+          icon: <WebhooksIcon />,
+        },
+      ],
+    },
+    {
+      name: "Settings",
+      subItems: [
+        {
+          name: "Preferences",
+          to: `/preferences`,
+          icon: <PreferencesIcon />,
+        },
+        {
+          name: "Admins",
+          to: `/super-admins`,
+          icon: <AdminsIcon />,
+        },
+      ],
+    },
+    // {
+    //   name: t.project({ plural: true, case: "capital" }),
+    //   to: `/projects`,
+    // },
+
+    // {
+    //   name: t.team({ plural: true, case: "capital" }),
+    //   to: `/groups`,
+    // },
+  ];
+};
 
 export default function IAMSidebar() {
   const location = useLocation();
+  const navigationItems = useNavigationItems();
 
   const isActive = (navlink?: string) => {
     const firstPathPart = location.pathname.split("/")[1];
diff --git a/web/apps/admin/src/contexts/App.tsx b/web/apps/admin/src/contexts/App.tsx
index 0492b1f4f..e62880d02 100644
--- a/web/apps/admin/src/contexts/App.tsx
+++ b/web/apps/admin/src/contexts/App.tsx
@@ -11,6 +11,7 @@ import {
   type User,
 } from "@raystack/proton/frontier";
 import { Config, defaultConfig } from "~/utils/constants";
+import { AdminConfigProvider } from "@raystack/frontier/admin";
 
 interface AppContextValue {
   isAdmin: boolean;
@@ -62,7 +63,9 @@ export const AppContextProvider: React.FC<PropsWithChildren> = function ({
         config,
         user,
       }}>
-      {children}
+      <AdminConfigProvider config={config}>
+        {children}
+      </AdminConfigProvider>
     </AppContext.Provider>
   );
 };
diff --git a/web/apps/admin/src/pages/admins/AdminsPage.tsx b/web/apps/admin/src/pages/admins/AdminsPage.tsx
index 8bc110cec..c82e4d79b 100644
--- a/web/apps/admin/src/pages/admins/AdminsPage.tsx
+++ b/web/apps/admin/src/pages/admins/AdminsPage.tsx
@@ -1,12 +1,13 @@
-import { AdminsView } from "@raystack/frontier/admin";
+import { AdminsView, useAdminPaths } from "@raystack/frontier/admin";
 import { useNavigate } from "react-router-dom";
 
 export function AdminsPage() {
   const navigate = useNavigate();
+  const paths = useAdminPaths();
 
   return (
     <AdminsView
-      onNavigateToOrg={(orgId: string) => navigate(`/organizations/${orgId}`)}
+      onNavigateToOrg={(orgId: string) => navigate(`/${paths.organizations}/${orgId}`)}
     />
   );
 }
diff --git a/web/apps/admin/src/pages/organizations/list/index.tsx b/web/apps/admin/src/pages/organizations/list/index.tsx
index 2ccbcb8c7..6d5e0079d 100644
--- a/web/apps/admin/src/pages/organizations/list/index.tsx
+++ b/web/apps/admin/src/pages/organizations/list/index.tsx
@@ -1,5 +1,6 @@
 import {
   OrganizationListView,
+  useAdminPaths,
 } from "@raystack/frontier/admin";
 import { useCallback, useContext, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
@@ -17,6 +18,7 @@ async function loadCountries(): Promise<string[]> {
 export function OrganizationListPage() {
   const navigate = useNavigate();
   const { config } = useContext(AppContext);
+  const paths = useAdminPaths();
   const [countries, setCountries] = useState<string[]>([]);
 
   useEffect(() => {
@@ -24,8 +26,8 @@ export function OrganizationListPage() {
   }, []);
 
   const onNavigateToOrg = useCallback(
-    (id: string) => navigate(`/organizations/${id}`),
-    [navigate],
+    (id: string) => navigate(`/${paths.organizations}/${id}`),
+    [navigate, paths.organizations],
   );
 
   const onExportCsv = useCallback(async () => {
diff --git a/web/apps/admin/src/pages/users/UsersPage.tsx b/web/apps/admin/src/pages/users/UsersPage.tsx
index 31fc92f4d..b82a684fe 100644
--- a/web/apps/admin/src/pages/users/UsersPage.tsx
+++ b/web/apps/admin/src/pages/users/UsersPage.tsx
@@ -1,4 +1,4 @@
-import { UsersView } from "@raystack/frontier/admin";
+import { UsersView, useAdminPaths } from "@raystack/frontier/admin";
 import { useCallback } from "react";
 import { useParams, useNavigate, useLocation } from "react-router-dom";
 import { clients } from "~/connect/clients";
@@ -10,6 +10,7 @@ export function UsersPage() {
   const { userId } = useParams();
   const navigate = useNavigate();
   const location = useLocation();
+  const paths = useAdminPaths();
 
   const onExportUsers = useCallback(async () => {
     await exportCsvFromStream(adminClient.exportUsers, {}, "users.csv");
@@ -17,15 +18,15 @@ export function UsersPage() {
 
   const onNavigateToUser = useCallback(
     (id: string) => {
-      navigate(`/users/${id}/security`);
+      navigate(`/${paths.users}/${id}/security`);
     },
-    [navigate],
+    [navigate, paths.users],
   );
 
   return (
     <UsersView
       selectedUserId={userId}
-      onCloseDetail={() => navigate("/users")}
+      onCloseDetail={() => navigate(`/${paths.users}`)}
       onExportUsers={onExportUsers}
       onNavigateToUser={onNavigateToUser}
       currentPath={location.pathname}
diff --git a/web/apps/admin/src/routes.tsx b/web/apps/admin/src/routes.tsx
index 8519c9a15..ef93a0478 100644
--- a/web/apps/admin/src/routes.tsx
+++ b/web/apps/admin/src/routes.tsx
@@ -31,6 +31,7 @@ import {
   OrganizationInvoicesView,
   OrganizationTokensView,
   OrganizationApisView,
+  useAdminPaths,
 } from "@raystack/frontier/admin";
 
 import { UsersPage } from "./pages/users/UsersPage";
@@ -40,6 +41,7 @@ import { AuditLogsPage } from "./pages/audit-logs/AuditLogsPage";
 
 export default memo(function AppRoutes() {
   const { isAdmin, isLoading, user } = useContext(AppContext);
+  const paths = useAdminPaths();
 
   const isUserEmpty = R.either(R.isEmpty, R.isNil)(user);
 
@@ -58,20 +60,20 @@ export default memo(function AppRoutes() {
   ) : isAdmin ? (
     <Routes>
       <Route path="/" element={<App />}>
-        <Route index element={<Navigate to="/organizations" />} />
-        <Route path="organizations" element={<OrganizationListPage />} />
+        <Route index element={<Navigate to={`/${paths.organizations}`} />} />
+        <Route path={paths.organizations} element={<OrganizationListPage />} />
         <Route
-          path="organizations/:organizationId"
+          path={`${paths.organizations}/:organizationId`}
           element={<OrganizationDetailsPage />}>
-          <Route index element={<Navigate to="members" replace />} />
-          <Route path="members" element={<OrganizationMembersView />} />
+          <Route index element={<Navigate to={paths.members} replace />} />
+          <Route path={paths.members} element={<OrganizationMembersView />} />
           <Route path="security" element={<OrganizationSecurity />} />
-          <Route path="projects" element={<OrganizationProjectsView />} />
+          <Route path={paths.projects} element={<OrganizationProjectsView />} />
           <Route path="invoices" element={<OrganizationInvoicesView />} />
           <Route path="tokens" element={<OrganizationTokensView />} />
           <Route path="apis" element={<OrganizationApisView />} />
         </Route>
-        <Route path="users" element={<UsersPage />}>
+        <Route path={paths.users} element={<UsersPage />}>
           <Route path=":userId" element={<UsersPage />} />
           <Route path=":userId/security" element={<UsersPage />} />
         </Route>
@@ -85,7 +87,7 @@ export default memo(function AppRoutes() {
         <Route path="roles" element={<RolesPage />}>
           <Route path=":roleId" element={<RolesPage />} />
         </Route>
-        
+
         <Route path="products" element={<ProductsPage />}>
           <Route path=":productId" element={<ProductsPage />} />
         </Route>
@@ -102,7 +104,7 @@ export default memo(function AppRoutes() {
           <Route path="create" element={<WebhooksPage />} />
           <Route path=":webhookId" element={<WebhooksPage />} />
         </Route>
-        <Route path="*" element={<Navigate to="/organizations" />} />
+        <Route path="*" element={<Navigate to={`/${paths.organizations}`} />} />
       </Route>
     </Routes>
   ) : (
diff --git a/web/apps/admin/src/utils/constants.ts b/web/apps/admin/src/utils/constants.ts
index c3b6d473a..ded60ed1a 100644
--- a/web/apps/admin/src/utils/constants.ts
+++ b/web/apps/admin/src/utils/constants.ts
@@ -17,6 +17,20 @@ export interface WebhooksConfig {
   enable_delete: boolean;
 }
 
+export interface EntityTerminologies {
+  singular: string;
+  plural: string;
+}
+
+export interface AdminTerminologyConfig {
+  organization?: EntityTerminologies;
+  project?: EntityTerminologies;
+  team?: EntityTerminologies;
+  member?: EntityTerminologies;
+  user?: EntityTerminologies;
+  appName?: string;
+}
+
 export interface Config {
   title: string;
   logo?: string;
@@ -24,8 +38,18 @@ export interface Config {
   token_product_id?: string;
   organization_types?: string[];
   webhooks?: WebhooksConfig;
+  terminology?: AdminTerminologyConfig;
 }
 
+export const defaultTerminology: Required<AdminTerminologyConfig> = {
+  organization: { singular: "Organization", plural: "Organizations" },
+  project: { singular: "Project", plural: "Projects" },
+  team: { singular: "Team", plural: "Teams" },
+  member: { singular: "Member", plural: "Members" },
+  user: { singular: "User", plural: "Users" },
+  appName: "Frontier Admin",
+};
+
 export const defaultConfig: Config = {
   title: "Frontier Admin",
   app_url: "example.com",
@@ -34,6 +58,7 @@ export const defaultConfig: Config = {
   webhooks: {
     enable_delete: false,
   },
+  terminology: defaultTerminology,
 };
 
 export const NULL_DATE = "0001-01-01T00:00:00Z";
diff --git a/web/apps/admin/vite.config.ts b/web/apps/admin/vite.config.ts
index a3113598e..1052d8835 100644
--- a/web/apps/admin/vite.config.ts
+++ b/web/apps/admin/vite.config.ts
@@ -1,10 +1,37 @@
 import react from "@vitejs/plugin-react-swc";
 import dotenv from "dotenv";
-import { defineConfig } from "vite";
+import { defineConfig, type Plugin } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 import svgr from "vite-plugin-svgr";
+import fs from "node:fs";
+import path from "node:path";
 dotenv.config();
 
+/**
+ * Vite plugin that serves a local JSON file at `/configs` during development.
+ * Edit `configs.dev.json` in the project root to change the config
+ * (including terminology overrides like organization → workspace).
+ */
+function devConfigsPlugin(): Plugin {
+  return {
+    name: "dev-configs",
+    configureServer(server) {
+      server.middlewares.use("/configs", (_req, res) => {
+        const configPath = path.resolve(__dirname, "configs.dev.json");
+        try {
+          const content = fs.readFileSync(configPath, "utf-8");
+          // Re-read on every request so changes are picked up without restart
+          JSON.parse(content); // validate JSON
+          res.setHeader("Content-Type", "application/json");
+          res.end(content);
+        } catch {
+          res.statusCode = 500;
+          res.end(JSON.stringify({ error: "Failed to read configs.dev.json" }));
+        }
+      });
+    },
+  };
+}
 
 // https://vitejs.dev/config/
 export default defineConfig(() => {
@@ -31,7 +58,7 @@ export default defineConfig(() => {
         allow: [".."],
       },
     },
-    plugins: [react(), svgr(), tsconfigPaths()],
+    plugins: [devConfigsPlugin(), react(), svgr(), tsconfigPaths()],
     define: {
       "process.env": process.env,
     },
diff --git a/web/sdk/admin/contexts/AdminConfigContext.tsx b/web/sdk/admin/contexts/AdminConfigContext.tsx
new file mode 100644
index 000000000..830986ddb
--- /dev/null
+++ b/web/sdk/admin/contexts/AdminConfigContext.tsx
@@ -0,0 +1,39 @@
+import React, { createContext, ReactNode, useContext } from "react";
+import { merge } from "lodash";
+import { Config, defaultConfig, defaultTerminology } from "../utils/constants";
+import { TerminologyProvider } from "../../shared/terminology";
+
+const AdminConfigContext = createContext<Config>(defaultConfig);
+
+export interface AdminConfigProviderProps {
+  children: ReactNode;
+  config?: Config;
+}
+
+export const AdminConfigProvider: React.FC<AdminConfigProviderProps> = ({
+  children,
+  config = {},
+}) => {
+  const mergedConfig: Config = merge({}, defaultConfig, config);
+
+  // Ensure terminology is always present with defaults
+  mergedConfig.terminology = merge({}, defaultTerminology, config.terminology);
+
+  return (
+    <AdminConfigContext.Provider value={mergedConfig}>
+      <TerminologyProvider
+        terminology={mergedConfig.terminology}
+        defaults={defaultTerminology}
+      >
+        {children}
+      </TerminologyProvider>
+    </AdminConfigContext.Provider>
+  );
+};
+
+export const useAdminConfig = () => {
+  const context = useContext(AdminConfigContext);
+  return context || defaultConfig;
+};
+
+export { AdminConfigContext };
diff --git a/web/sdk/admin/hooks/useAdminPaths.ts b/web/sdk/admin/hooks/useAdminPaths.ts
new file mode 100644
index 000000000..adb07d0e8
--- /dev/null
+++ b/web/sdk/admin/hooks/useAdminPaths.ts
@@ -0,0 +1,49 @@
+import { useAdminConfig } from "../contexts/AdminConfigContext";
+import { defaultTerminology } from "../utils/constants";
+
+/**
+ * Converts a terminology plural label into a URL-safe slug.
+ * e.g. "Organizations" → "organizations", "Workspaces" → "workspaces"
+ */
+function toSlug(text: string): string {
+  return text
+    .toLowerCase()
+    .replace(/\s+/g, "-")
+    .replace(/[^a-z0-9-]/g, "");
+}
+
+export interface AdminPaths {
+  /** URL slug for the organization entity, e.g. "organizations" or "workspaces" */
+  organizations: string;
+  /** URL slug for the user entity, e.g. "users" or "people" */
+  users: string;
+  /** URL slug for the project entity, e.g. "projects" or "repos" */
+  projects: string;
+  /** URL slug for the member entity, e.g. "members" or "participants" */
+  members: string;
+  /** URL slug for the team entity, e.g. "teams" or "groups" */
+  teams: string;
+}
+
+export const useAdminPaths = (): AdminPaths => {
+  const config = useAdminConfig();
+  const terminology = config.terminology || defaultTerminology;
+
+  return {
+    organizations: toSlug(
+      terminology.organization?.plural || defaultTerminology.organization.plural
+    ),
+    users: toSlug(
+      terminology.user?.plural || defaultTerminology.user.plural
+    ),
+    projects: toSlug(
+      terminology.project?.plural || defaultTerminology.project.plural
+    ),
+    members: toSlug(
+      terminology.member?.plural || defaultTerminology.member.plural
+    ),
+    teams: toSlug(
+      terminology.team?.plural || defaultTerminology.team.plural
+    ),
+  };
+};
diff --git a/web/sdk/admin/hooks/useTerminology.ts b/web/sdk/admin/hooks/useTerminology.ts
new file mode 100644
index 000000000..4c9eb143d
--- /dev/null
+++ b/web/sdk/admin/hooks/useTerminology.ts
@@ -0,0 +1,6 @@
+export {
+  useTerminology,
+  type TerminologyOptions,
+  type TerminologyEntity,
+  type TerminologyMap,
+} from "../../shared/terminology";
diff --git a/web/sdk/admin/index.ts b/web/sdk/admin/index.ts
index 4746ee360..5d9e4cf1b 100644
--- a/web/sdk/admin/index.ts
+++ b/web/sdk/admin/index.ts
@@ -22,6 +22,17 @@ export { OrganizationInvoicesView } from "./views/organizations/details/invoices
 export { OrganizationTokensView } from "./views/organizations/details/tokens";
 export { OrganizationApisView } from "./views/organizations/details/apis";
 
+// context exports
+export {
+  AdminConfigProvider,
+  useAdminConfig,
+  type AdminConfigProviderProps,
+} from "./contexts/AdminConfigContext";
+
+// hook exports
+export { useTerminology } from "./hooks/useTerminology";
+export { useAdminPaths, type AdminPaths } from "./hooks/useAdminPaths";
+
 // utils exports
 export {
   getConnectNextPageParam,
@@ -33,3 +44,9 @@ export {
   transformDataTableQueryToRQLRequest,
   type TransformOptions,
 } from "./utils/transform-query";
+export {
+  type Config,
+  type AdminTerminologyConfig,
+  defaultConfig,
+  defaultTerminology,
+} from "./utils/constants";
diff --git a/web/sdk/admin/utils/constants.ts b/web/sdk/admin/utils/constants.ts
index 46c670d27..5f3fde2d6 100644
--- a/web/sdk/admin/utils/constants.ts
+++ b/web/sdk/admin/utils/constants.ts
@@ -1,3 +1,5 @@
+import { EntityTerminologies } from "../../shared/types";
+
 export const SCOPES = {
   ORG: "app/organization",
   PROJECT: "app/project",
@@ -15,16 +17,36 @@ export const DEFAULT_ROLES = {
 
 export const NULL_DATE = "0001-01-01T00:00:00Z";
 
+export interface AdminTerminologyConfig {
+  organization?: EntityTerminologies;
+  project?: EntityTerminologies;
+  team?: EntityTerminologies;
+  member?: EntityTerminologies;
+  user?: EntityTerminologies;
+  appName?: string;
+}
+
 export interface Config {
   title?: string;
   app_url?: string;
   token_product_id?: string;
   organization_types?: string[];
+  terminology?: AdminTerminologyConfig;
 }
 
+export const defaultTerminology: Required<AdminTerminologyConfig> = {
+  organization: { singular: "Organization", plural: "Organizations" },
+  project: { singular: "Project", plural: "Projects" },
+  team: { singular: "Team", plural: "Teams" },
+  member: { singular: "Member", plural: "Members" },
+  user: { singular: "User", plural: "Users" },
+  appName: "Frontier Admin",
+};
+
 export const defaultConfig: Config = {
   title: "Frontier Admin",
   app_url: "example.com",
   token_product_id: "token",
   organization_types: [],
+  terminology: defaultTerminology,
 };
diff --git a/web/sdk/admin/views/admins/columns.tsx b/web/sdk/admin/views/admins/columns.tsx
index 400b881ac..297d8b5e5 100644
--- a/web/sdk/admin/views/admins/columns.tsx
+++ b/web/sdk/admin/views/admins/columns.tsx
@@ -1,12 +1,16 @@
 import { Text, type DataTableColumnDef } from "@raystack/apsara";
 import type { ServiceUser, User } from "@raystack/proton/frontier";
+import { TerminologyEntity } from "../../hooks/useTerminology";
 
 export const getColumns: (options?: {
   onNavigateToOrg?: (orgId: string) => void;
+  t?: {
+    organization: TerminologyEntity;
+  };
 }) => DataTableColumnDef<
   User | ServiceUser,
   unknown
->[] = ({ onNavigateToOrg } = {}) => {
+>[] = ({ onNavigateToOrg, t } = {}) => {
   return [
     {
       header: "Title",
@@ -36,7 +40,7 @@ export const getColumns: (options?: {
       },
     },
     {
-      header: "Organization",
+      header: t?.organization({ case: "capital" }) || "Organization",
       accessorKey: "orgId",
       cell: (info) => {
         const org_id = info.getValue() as string;
diff --git a/web/sdk/admin/views/admins/index.tsx b/web/sdk/admin/views/admins/index.tsx
index c334e61db..aebe1edbc 100644
--- a/web/sdk/admin/views/admins/index.tsx
+++ b/web/sdk/admin/views/admins/index.tsx
@@ -5,6 +5,7 @@ import { useQuery } from "@connectrpc/connect-query";
 import { AdminServiceQueries } from "@raystack/proton/frontier";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { PageHeader } from "../../components/PageHeader";
+import { useTerminology } from "../../hooks/useTerminology";
 
 const pageHeader = {
   title: "Super Admins",
@@ -26,6 +27,7 @@ export type AdminsViewProps = {
 };
 
 export default function AdminsView({ onNavigateToOrg }: AdminsViewProps = {}) {
+  const t = useTerminology();
   const {
     data: platformUsersData,
     isLoading,
@@ -35,7 +37,7 @@ export default function AdminsView({ onNavigateToOrg }: AdminsViewProps = {}) {
     staleTime: Infinity,
   });
 
-  const columns = getColumns({ onNavigateToOrg });
+  const columns = getColumns({ onNavigateToOrg, t });
   const data = [
     ...(platformUsersData?.users || []),
     ...(platformUsersData?.serviceusers || []),
diff --git a/web/sdk/admin/views/audit-logs/columns.tsx b/web/sdk/admin/views/audit-logs/columns.tsx
index 559cc1241..600d82c51 100644
--- a/web/sdk/admin/views/audit-logs/columns.tsx
+++ b/web/sdk/admin/views/audit-logs/columns.tsx
@@ -14,13 +14,19 @@ import {
 import { ACTOR_TYPES, getActionBadgeColor } from "./util";
 import { ComponentPropsWithoutRef } from "react";
 import ActorCell from "./actor-cell";
+import { TerminologyEntity } from "../../hooks/useTerminology";
 
 interface getColumnsOptions {
   groupCountMap: Record<string, Record<string, number>>;
+  t: {
+    organization: TerminologyEntity;
+    user: TerminologyEntity;
+  };
 }
 
 export const getColumns = ({
   groupCountMap,
+  t,
 }: getColumnsOptions): DataTableColumnDef<AuditRecord, unknown>[] => {
   return [
     {
@@ -43,14 +49,14 @@ export const getColumns = ({
       cell: () => null,
       filterType: "multiselect",
       filterOptions: [
-        { label: "User", value: ACTOR_TYPES.USER },
-        { label: "Service User", value: ACTOR_TYPES.SERVICE_USER },
+        { label: t.user({ case: "capital" }), value: ACTOR_TYPES.USER },
+        { label: `Service ${t.user({ case: "capital" })}`, value: ACTOR_TYPES.SERVICE_USER },
         { label: "System", value: ACTOR_TYPES.SYSTEM },
       ],
     },
     {
       accessorKey: "orgName",
-      header: "Organization",
+      header: t.organization({ case: "capital" }),
       classNames: {
         cell: styles["org-column"],
         header: styles["org-column"],
diff --git a/web/sdk/admin/views/audit-logs/index.tsx b/web/sdk/admin/views/audit-logs/index.tsx
index b1e2ef087..79b5fc727 100644
--- a/web/sdk/admin/views/audit-logs/index.tsx
+++ b/web/sdk/admin/views/audit-logs/index.tsx
@@ -28,6 +28,7 @@ import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import SidePanelDetails from "./sidepanel-details";
 import { useQueryClient } from "@tanstack/react-query";
 import { AUDIT_LOG_QUERY_KEY } from "./util";
+import { useTerminology } from "../../hooks/useTerminology";
 
 const NoAuditLogs = () => {
   return (
@@ -70,6 +71,7 @@ export type AuditLogsViewProps = {
 };
 
 export default function AuditLogsView({ appName, onExportCsv, onNavigate }: AuditLogsViewProps = {}) {
+  const t = useTerminology();
   const queryClient = useQueryClient();
   const [tableQuery, setTableQuery] = useDebouncedState<{
     query: DataTableQuery;
@@ -153,8 +155,9 @@ export default function AuditLogsView({ appName, onExportCsv, onNavigate }: Audi
         groupCountMap: infiniteData
           ? getGroupCountMapFromFirstPage(infiniteData)
           : {},
+        t,
       }),
-    [infiniteData],
+    [infiniteData, t],
   );
 
   const loading = isLoading || isFetchingNextPage;
diff --git a/web/sdk/admin/views/audit-logs/sidepanel-details.tsx b/web/sdk/admin/views/audit-logs/sidepanel-details.tsx
index 261912603..2f6fe46d5 100644
--- a/web/sdk/admin/views/audit-logs/sidepanel-details.tsx
+++ b/web/sdk/admin/views/audit-logs/sidepanel-details.tsx
@@ -17,6 +17,8 @@ import ActorCell from "./actor-cell";
 import SidepanelListItemLink from "./sidepanel-list-link";
 import { isZeroUUID } from "../../utils/helper";
 import SidepanelListId from "./sidepanel-list-id";
+import { useTerminology } from "../../hooks/useTerminology";
+import { useAdminPaths } from "../../hooks/useAdminPaths";
 
 type SidePanelDetailsProps = Partial<AuditRecord> & {
   onClose: () => void;
@@ -38,6 +40,8 @@ export default function SidePanelDetails({
   onNavigate,
   ...rest
 }: SidePanelDetailsProps) {
+  const t = useTerminology();
+  const paths = useAdminPaths();
   const { actor, event, resource, occurredAt, id, orgId, orgName, target } =
     rest;
   const date = dayjs(timestampToDate(occurredAt));
@@ -68,7 +72,7 @@ export default function SidePanelDetails({
           <List.Header>Overview</List.Header>
           <SidepanelListItemLink
             isLink={actor?.type !== ACTOR_TYPES.SYSTEM}
-            href={`/users/${actor?.id}`}
+            href={`/${paths.users}/${actor?.id}`}
             label="Actor"
             onNavigate={onNavigate}
             data-test-id="actor-link">
@@ -76,8 +80,8 @@ export default function SidePanelDetails({
           </SidepanelListItemLink>
           <SidepanelListItemLink
             isLink={!!orgId && !isZeroUUID(orgId)}
-            href={`/organizations/${orgId}`}
-            label="Organization"
+            href={`/${paths.organizations}/${orgId}`}
+            label={t.organization({ case: "capital" })}
             onNavigate={onNavigate}
             data-test-id="actor-link">
             {orgName || "-"}
diff --git a/web/sdk/admin/views/invoices/columns.tsx b/web/sdk/admin/views/invoices/columns.tsx
index c5f3e94c8..838520608 100644
--- a/web/sdk/admin/views/invoices/columns.tsx
+++ b/web/sdk/admin/views/invoices/columns.tsx
@@ -6,8 +6,15 @@ import {
   TimeStamp,
   timestampToDate,
 } from "../../utils/connect-timestamp";
+import { TerminologyEntity } from "../../hooks/useTerminology";
 
-export const getColumns = (): DataTableColumnDef<
+interface GetColumnsOptions {
+  t: {
+    organization: TerminologyEntity;
+  };
+}
+
+export const getColumns = ({ t }: GetColumnsOptions): DataTableColumnDef<
   SearchInvoicesResponse_Invoice,
   unknown
 >[] => {
@@ -42,7 +49,7 @@ export const getColumns = (): DataTableColumnDef<
     },
     {
       accessorKey: "orgTitle",
-      header: "Organization",
+      header: t.organization({ case: "capital" }),
       cell: ({ row, getValue }) => {
         return getValue() as string;
       },
diff --git a/web/sdk/admin/views/invoices/index.tsx b/web/sdk/admin/views/invoices/index.tsx
index cdc5e264c..812b3700c 100644
--- a/web/sdk/admin/views/invoices/index.tsx
+++ b/web/sdk/admin/views/invoices/index.tsx
@@ -19,8 +19,10 @@ import {
 } from "../../utils/connect-pagination";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { transformDataTableQueryToRQLRequest } from "../../utils/transform-query";
+import { useTerminology } from "../../hooks/useTerminology";
 
 const NoInvoices = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
@@ -28,7 +30,7 @@ const NoInvoices = () => {
         subHeading: styles["empty-state-subheading"],
       }}
       heading="No invoices found"
-      subHeading="Start billing to organizations to populate the table"
+      subHeading={`Start billing to ${t.organization({ plural: true, case: "lower" })} to populate the table`}
       icon={<InvoicesIcon />}
     />
   );
@@ -46,6 +48,7 @@ export type InvoicesViewProps = {
 };
 
 export default function InvoicesView({ appName }: InvoicesViewProps = {}) {
+  const t = useTerminology();
   const [tableQuery, setTableQuery] = useState<DataTableQuery>(INITIAL_QUERY);
 
   const query = transformDataTableQueryToRQLRequest(tableQuery, {
@@ -95,7 +98,7 @@ export default function InvoicesView({ appName }: InvoicesViewProps = {}) {
     }
   };
 
-  const columns = getColumns();
+  const columns = getColumns({ t });
 
   const loading = isLoading || isFetchingNextPage;
 
diff --git a/web/sdk/admin/views/organizations/details/apis/columns.tsx b/web/sdk/admin/views/organizations/details/apis/columns.tsx
index 95b39e355..402ba34e8 100644
--- a/web/sdk/admin/views/organizations/details/apis/columns.tsx
+++ b/web/sdk/admin/views/organizations/details/apis/columns.tsx
@@ -3,12 +3,16 @@ import dayjs from "dayjs";
 import { NULL_DATE } from "../../../../utils/constants";
 import styles from "./apis.module.css";
 import type {
-  SearchOrganizationServiceUsersResponse_OrganizationServiceUser, 
-  SearchOrganizationServiceUsersResponse_Project 
+  SearchOrganizationServiceUsersResponse_OrganizationServiceUser,
+  SearchOrganizationServiceUsersResponse_Project
 } from "@raystack/proton/frontier";
+import { TerminologyEntity } from "../../../../hooks/useTerminology";
 
 interface ColumnOptions {
   groupCountMap: Record<string, Record<string, number>>;
+  t: {
+    project: TerminologyEntity;
+  };
 }
 
 export function getColumns(
@@ -17,6 +21,7 @@ export function getColumns(
 SearchOrganizationServiceUsersResponse_OrganizationServiceUser,
   unknown
 >[] {
+  const { t } = options;
   return [
     {
       accessorKey: "title",
@@ -33,7 +38,7 @@ SearchOrganizationServiceUsersResponse_OrganizationServiceUser,
     },
     {
       accessorKey: "projects",
-      header: "Projects",
+      header: t.project({ plural: true, case: "capital" }),
       cell: ({ getValue }) => {
         const value =
           getValue() as SearchOrganizationServiceUsersResponse_Project[];
diff --git a/web/sdk/admin/views/organizations/details/apis/details-dialog.tsx b/web/sdk/admin/views/organizations/details/apis/details-dialog.tsx
index a490d2731..77ef3f58c 100644
--- a/web/sdk/admin/views/organizations/details/apis/details-dialog.tsx
+++ b/web/sdk/admin/views/organizations/details/apis/details-dialog.tsx
@@ -11,6 +11,7 @@ import {
 } from "@raystack/proton/frontier";
 import { create } from "@bufbuild/protobuf";
 import { timestampToDayjs } from "../../../../utils/connect-timestamp";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface ServiceUserDetailsDialogProps {
   onClose: () => void;
@@ -21,6 +22,7 @@ export const ServiceUserDetailsDialog = ({
   serviceUser,
   onClose,
 }: ServiceUserDetailsDialogProps) => {
+  const t = useTerminology();
   const { id = "", orgId = "", title = "" } = serviceUser || {};
 
   const projectsRequest = useMemo(
@@ -100,7 +102,7 @@ export const ServiceUserDetailsDialog = ({
                   : ""}
               </Tabs.Trigger>
               <Tabs.Trigger value="projects">
-                Projects{" "}
+                {t.project({ plural: true, case: "capital" })}{" "}
                 {!isProjectLoading && projects.length > 0
                   ? `(${projects.length})`
                   : ""}
diff --git a/web/sdk/admin/views/organizations/details/apis/index.tsx b/web/sdk/admin/views/organizations/details/apis/index.tsx
index f1eaa9ae9..523169e08 100644
--- a/web/sdk/admin/views/organizations/details/apis/index.tsx
+++ b/web/sdk/admin/views/organizations/details/apis/index.tsx
@@ -19,6 +19,7 @@ import {
 } from "../../../../utils/connect-pagination";
 import { transformDataTableQueryToRQLRequest } from "../../../../utils/transform-query";
 import { useDebounceValue } from "usehooks-ts";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const NoCredentials = () => {
   return (
@@ -61,6 +62,7 @@ const TRANSFORM_OPTIONS = {
 };
 
 export function OrganizationApisView() {
+  const t = useTerminology();
   const { organization, search } = useContext(OrganizationContext);
   const organizationId = organization?.id || "";
   const {
@@ -86,7 +88,7 @@ export function OrganizationApisView() {
       null,
     );
 
-  const title = `API | ${organization?.title} | Organizations`;
+  const title = `API | ${organization?.title} | ${t.organization({ plural: true, case: "capital" })}`;
 
   useEffect(() => {
     setSearchVisibility(true);
@@ -162,8 +164,9 @@ export function OrganizationApisView() {
         groupCountMap: infiniteData
           ? getGroupCountMapFromFirstPage(infiniteData)
           : {},
+        t,
       }),
-    [infiniteData],
+    [infiniteData, t],
   );
 
   return (
diff --git a/web/sdk/admin/views/organizations/details/edit/organization.tsx b/web/sdk/admin/views/organizations/details/edit/organization.tsx
index fbfedf193..ed39789b4 100644
--- a/web/sdk/admin/views/organizations/details/edit/organization.tsx
+++ b/web/sdk/admin/views/organizations/details/edit/organization.tsx
@@ -21,6 +21,7 @@ import { useMutation, createConnectQueryKey, useTransport } from "@connectrpc/co
 import { useQueryClient } from "@tanstack/react-query";
 import { FrontierServiceQueries, UpdateOrganizationRequestSchema, type Organization, OrganizationSchema } from "@raystack/proton/frontier";
 import { create, type JsonObject } from "@bufbuild/protobuf";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const orgUpdateSchema = z
   .object({
@@ -77,6 +78,7 @@ function getDefaultValue(organization: Organization, industries: string[]) {
 }
 
 export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
+  const t = useTerminology();
   const { organization, appUrl, countries: countriesFromContext = [], organizationTypes: industries = [] } = useContext(OrganizationContext);
   const [countries, setCountries] = useState<string[]>(countriesFromContext);
   const queryClient = useQueryClient();
@@ -122,12 +124,12 @@ export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
   useEffect(() => {
     if (mutationError) {
       if (mutationError.message?.includes("already exists")) {
-        setError("name", { message: "Organization name already exists" });
+        setError("name", { message: `${t.organization({ case: "capital" })} name already exists` });
       } else {
         console.error("Unable to update organization:", mutationError);
       }
     }
-  }, [mutationError, setError]);
+  }, [mutationError, setError, t]);
 
   async function onSubmit(data: OrgUpdateSchema) {
     try {
@@ -164,7 +166,7 @@ export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
           className={styles["side-panel"]}
         >
           <SidePanel.Header
-            title="Edit organization"
+            title={`Edit ${t.organization({ case: "lower" })}`}
             actions={[
               <IconButton
                 key="close-edit-org-panel-icon"
@@ -196,24 +198,24 @@ export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
                         style={{ width: "100%" }}
                       >
                         <AvatarUpload {...field} data-test-id="avatar-upload" />
-                        <Text>Pick a logo for your organization</Text>
+                        <Text>Pick a logo for your {t.organization({ case: "lower" })}</Text>
                       </Flex>
                     </>
                   );
                 }}
               />
-              <InputField {...register("title")} label="Organization title" />
+              <InputField {...register("title")} label={`${t.organization({ case: "capital" })} title`} />
               <InputField
                 {...register("name")}
                 prefix={appUrl}
-                label="Organization URL"
-                helperText="This will be your organization unique web address"
+                label={`${t.organization({ case: "capital" })} URL`}
+                helperText={`This will be your ${t.organization({ case: "lower" })} unique web address`}
                 error={errors.name?.message}
               />
               <InputField
                 {...register("size")}
                 type="number"
-                label="Organization size"
+                label={`${t.organization({ case: "capital" })} size`}
                 error={errors.size?.message}
               />
               <Controller
@@ -223,7 +225,7 @@ export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
                   return (
                     <Flex direction="column" gap={2}>
                       <Label htmlFor="org-type-select">
-                        Organization industry
+                        {t.organization({ case: "capital" })} industry
                       </Label>
                       <Select
                         {...field}
@@ -254,7 +256,7 @@ export function EditOrganizationPanel({ onClose }: { onClose: () => void }) {
               />
               {showOtherTypeField ? (
                 <InputField
-                  label="Organization industry (other)"
+                  label={`${t.organization({ case: "capital" })} industry (other)`}
                   {...register("otherType")}
                   error={errors.otherType?.message}
                 />
diff --git a/web/sdk/admin/views/organizations/details/invoices/index.tsx b/web/sdk/admin/views/organizations/details/invoices/index.tsx
index 2df554b8b..28ee6a2d1 100644
--- a/web/sdk/admin/views/organizations/details/invoices/index.tsx
+++ b/web/sdk/admin/views/organizations/details/invoices/index.tsx
@@ -15,6 +15,7 @@ import {
 } from "../../../../utils/connect-pagination";
 import { transformDataTableQueryToRQLRequest } from "../../../../utils/transform-query";
 import { useDebounceValue } from "usehooks-ts";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const DEFAULT_SORT: DataTableSort = { name: 'createdAt', order: 'desc' };
 const INITIAL_QUERY: DataTableQuery = {
@@ -50,6 +51,7 @@ const NoInvoices = () => {
 };
 
 const ErrorState = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
@@ -57,13 +59,14 @@ const ErrorState = () => {
         subHeading: styles["empty-state-subheading"],
       }}
       heading="Error Loading Invoices"
-      subHeading="Something went wrong while loading organization invoices. Please try refreshing the page."
+      subHeading={`Something went wrong while loading ${t.organization({ case: "lower" })} invoices. Please try refreshing the page.`}
       icon={<ExclamationTriangleIcon />}
     />
   );
 };
 
 export function OrganizationInvoicesView() {
+  const t = useTerminology();
   const { organization, search } = useContext(OrganizationContext);
   const organizationId = organization?.id || "";
 
@@ -75,7 +78,7 @@ export function OrganizationInvoicesView() {
 
   const [tableQuery, setTableQuery] = useState<DataTableQuery>(INITIAL_QUERY);
 
-  const title = `Invoices | ${organization?.title} | Organizations`;
+  const title = `Invoices | ${organization?.title} | ${t.organization({ plural: true, case: "capital" })}`;
 
   const computedQuery = useMemo(() => {
     const tempQuery = transformDataTableQueryToRQLRequest(tableQuery, TRANSFORM_OPTIONS);
diff --git a/web/sdk/admin/views/organizations/details/layout/index.tsx b/web/sdk/admin/views/organizations/details/layout/index.tsx
index bff33c2d1..5652edc4e 100644
--- a/web/sdk/admin/views/organizations/details/layout/index.tsx
+++ b/web/sdk/admin/views/organizations/details/layout/index.tsx
@@ -9,6 +9,7 @@ import { EditKYCPanel } from "../edit/kyc";
 import { EditOrganizationPanel } from "../edit/organization";
 import { EditBillingPanel } from "../edit/billing";
 import type { Organization } from "@raystack/proton/frontier";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface OrganizationDetailsLayoutProps {
   isLoading: boolean;
@@ -31,6 +32,7 @@ export const OrganizationDetailsLayout = ({
   currentPath,
   onNavigate,
 }: OrganizationDetailsLayoutProps) => {
+  const t = useTerminology();
   const [showSidePanel, setShowSidePanel] = useState(true);
   const [showKYCPanel, setShowKYCPanel] = useState(false);
   const [showEditOrgPanel, setShowEditOrgPanel] = useState(false);
@@ -64,7 +66,7 @@ export const OrganizationDetailsLayout = ({
     setShowEditBillingPanel(false);
   }
 
-  const title = `${organization?.title} | Organizations`;
+  const title = `${organization?.title} | ${t.organization({ case: "capital", plural: true })}`;
 
   return isLoading ? (
     <Flex align="center" justify="center" style={{ minHeight: "200px", width: "100%" }}>
@@ -111,11 +113,11 @@ export const OrganizationDetailsLayout = ({
       align="center"
       justify="center"
     >
-      <PageTitle title={"Organization not found"} />
+      <PageTitle title={`${t.organization({ case: "capital" })} not found`} />
       <EmptyState
         icon={<OrganizationIcon />}
-        heading="Organization not found"
-        subHeading="The organization you are looking for does not exist."
+        heading={`${t.organization({ case: "capital" })} not found`}
+        subHeading={`The ${t.organization({ case: "lower" })} you are looking for does not exist.`}
       />
     </Flex>
   );
diff --git a/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx b/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx
index af7efeecb..7a78f07da 100644
--- a/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx
+++ b/web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx
@@ -19,6 +19,7 @@ import { useMutation, createConnectQueryKey, useTransport } from "@connectrpc/co
 import { useQueryClient } from "@tanstack/react-query";
 import { FrontierServiceQueries, CreateOrganizationInvitationRequestSchema } from "@raystack/proton/frontier";
 import { create } from "@bufbuild/protobuf";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const inviteSchema = z.object({
   role: z.string(),
@@ -35,6 +36,7 @@ interface InviteUsersDialogProps {
 }
 
 export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => {
+  const t = useTerminology();
   const { roles = [], organization } = useContext(OrganizationContext);
   const queryClient = useQueryClient();
   const transport = useTransport();
@@ -55,7 +57,7 @@ export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => {
   const { mutateAsync: createInvitation } = useMutation(
     FrontierServiceQueries.createOrganizationInvitation,
     {
-      onSuccess: () => {
+      onSuccess: (data) => {
         queryClient.invalidateQueries({
           queryKey: createConnectQueryKey({
             schema: FrontierServiceQueries.listOrganizationInvitations,
@@ -64,7 +66,10 @@ export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => {
             cardinality: "finite",
           }),
         });
-        toast.success("User invited");
+        const inviteCount = data?.invitations?.length ?? 0;
+        toast.success(
+          `${t.user({ case: "capital", plural: inviteCount > 1 })} invited`,
+        );
         onOpenChange(false);
       },
       onError: (error) => {
@@ -95,7 +100,7 @@ export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => {
         <FormProvider {...methods}>
           <form onSubmit={methods.handleSubmit(onSubmit)}>
             <Dialog.Header>
-              <Dialog.Title>Invite user</Dialog.Title>
+              <Dialog.Title>Invite {t.user({ case: "lower" })}</Dialog.Title>
               <Dialog.CloseButton data-test-id="invite-users-close-button" />
             </Dialog.Header>
             <Dialog.Body className={styles["invite-users-dialog-body"]}>
diff --git a/web/sdk/admin/views/organizations/details/layout/navbar.tsx b/web/sdk/admin/views/organizations/details/layout/navbar.tsx
index 6ab29f46c..101c0bbb8 100644
--- a/web/sdk/admin/views/organizations/details/layout/navbar.tsx
+++ b/web/sdk/admin/views/organizations/details/layout/navbar.tsx
@@ -22,6 +22,8 @@ import type React from "react";
 import { useContext, useState } from "react";
 import { OrganizationContext } from "../contexts/organization-context";
 import type { Organization } from "@raystack/proton/frontier";
+import { useTerminology } from "../../../../hooks/useTerminology";
+import { useAdminPaths } from "../../../../hooks/useAdminPaths";
 
 interface navConfig {
   label: string;
@@ -66,6 +68,7 @@ const NavbarActionMenu = ({
   onExportProjects,
   onExportTokens,
 }: NavbarActionMenuProps) => {
+  const t = useTerminology();
   const [isInviteUsersDialogOpen, setIsInviteUsersDialogOpen] = useState(false);
   const [isAddTokensDialogOpen, setIsAddTokensDialogOpen] = useState(false);
   const [isMembersDownloading, setIsMembersDownloading] = useState(false);
@@ -125,14 +128,14 @@ const NavbarActionMenu = ({
   const exportSubItems: navConfig[] = [];
   if (onExportMembers) {
     exportSubItems.push({
-      label: "Members",
+      label: t.member({ plural: true, case: "capital" }),
       onClick: handleExportMembers,
       isLoading: isMembersDownloading,
     });
   }
   if (onExportProjects) {
     exportSubItems.push({
-      label: "Projects",
+      label: t.project({ plural: true, case: "capital" }),
       onClick: handleExportProjects,
       isLoading: isProjectsDownloading,
     });
@@ -149,17 +152,17 @@ const NavbarActionMenu = ({
     {
       label: "Edit...",
       subItems: [
-        { label: "Organization...", onClick: openEditOrgPanel },
+        { label: `${t.organization({ case: "capital" })}...`, onClick: openEditOrgPanel },
         { label: "Billing...", onClick: openEditBillingPanel },
         { label: "KYC...", onClick: openKYCPanel },
       ],
     },
     {
-      label: "Invite users...",
+      label: `Invite ${t.user({ plural: true, case: "lower" })}...`,
       onClick: openInviteUsersDialog,
     },
     {
-      label: "Add project...",
+      label: `Add ${t.project({ case: "lower" })}...`,
       disabled: true,
     },
     {
@@ -226,13 +229,16 @@ const NavLinks = ({
   currentPath: string;
   onNavigate: (path: string) => void;
 }) => {
+  const t = useTerminology();
+  const paths = useAdminPaths();
+  const basePath = `/${paths.organizations}/${organizationId}`;
   const links = [
-    { name: "Members", path: `/organizations/${organizationId}/members` },
-    { name: "Projects", path: `/organizations/${organizationId}/projects` },
-    { name: "Invoices", path: `/organizations/${organizationId}/invoices` },
-    { name: "Tokens", path: `/organizations/${organizationId}/tokens` },
-    { name: "API", path: `/organizations/${organizationId}/apis` },
-    { name: "Security", path: `/organizations/${organizationId}/security` },
+    { name: t.member({ plural: true, case: "capital" }), path: `${basePath}/${paths.members}` },
+    { name: t.project({ plural: true, case: "capital" }), path: `${basePath}/${paths.projects}` },
+    { name: "Invoices", path: `${basePath}/invoices` },
+    { name: "Tokens", path: `${basePath}/tokens` },
+    { name: "API", path: `${basePath}/apis` },
+    { name: "Security", path: `${basePath}/security` },
   ];
 
   function checkActive(path: string) {
@@ -284,6 +290,8 @@ export const OrganizationsDetailsNavabar = ({
   currentPath,
   onNavigate,
 }: OrganizationDetailsNavbarProps) => {
+  const t = useTerminology();
+  const adminPaths = useAdminPaths();
   const { search } = useContext(OrganizationContext);
 
   function handleSearchChange(e: React.ChangeEvent<HTMLInputElement>) {
@@ -296,14 +304,14 @@ export const OrganizationsDetailsNavabar = ({
       <Flex gap={4} align="center">
         <Breadcrumb size="small">
           <Breadcrumb.Item
-            href="/organizations"
+            href={`/${adminPaths.organizations}`}
             leadingIcon={<OrganizationIcon />}
           >
-            Organizations
+            {t.organization({ plural: true, case: "capital" })}
           </Breadcrumb.Item>
           <Breadcrumb.Separator />
           <Breadcrumb.Item
-            href={`/organizations/${organization?.id}`}
+            href={`/${adminPaths.organizations}/${organization?.id}`}
             leadingIcon={
               <Avatar
                 color={getAvatarColor(organization?.id || "")}
diff --git a/web/sdk/admin/views/organizations/details/members/remove-member.tsx b/web/sdk/admin/views/organizations/details/members/remove-member.tsx
index 5be3ebe15..ad485acf0 100644
--- a/web/sdk/admin/views/organizations/details/members/remove-member.tsx
+++ b/web/sdk/admin/views/organizations/details/members/remove-member.tsx
@@ -7,6 +7,7 @@ import { create } from "@bufbuild/protobuf";
 import { useMutation } from "@connectrpc/connect-query";
 import { Button, Dialog, Flex, Text, toast } from "@raystack/apsara";
 import { ConnectError } from "@connectrpc/connect";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface RemoveMemberProps {
   organizationId: string;
@@ -21,6 +22,7 @@ export const RemoveMember = ({
   onRemove,
   onClose,
 }: RemoveMemberProps) => {
+  const t = useTerminology();
   const { mutateAsync: removeOrganizationUser, isPending } = useMutation(
     FrontierServiceQueries.removeOrganizationUser,
   );
@@ -37,13 +39,13 @@ export const RemoveMember = ({
       if (onRemove) {
         onRemove(user);
       }
-      toast.success("Member removed successfully");
+      toast.success(`${t.member({ case: "capital" })} removed successfully`);
     } catch (error) {
       const message =
         error instanceof ConnectError
           ? error.message
           : "Unknown error";
-      toast.error(`Failed to remove member: ${message}`);
+      toast.error(`Failed to remove ${t.member({ case: "lower" })}: ${message}`);
       console.error(error);
     }
   }
@@ -52,18 +54,18 @@ export const RemoveMember = ({
     <Dialog open onOpenChange={onClose}>
       <Dialog.Content width={400}>
         <Dialog.Header>
-          <Dialog.Title>Remove Member</Dialog.Title>
+          <Dialog.Title>Remove {t.member({ case: "capital" })}</Dialog.Title>
           <Dialog.CloseButton data-test-id="remove-member-close-button" />
         </Dialog.Header>
         <Dialog.Body>
           <Flex direction="column" gap={7}>
             <Text variant="secondary">
-              Removing this member will revoke all their access to the
-              organization. This action cannot be undone. The member will lose
+              Removing this {t.member({ case: "lower" })} will revoke all their access to the{" "}
+              {t.organization({ case: "lower" })}. This action cannot be undone. The {t.member({ case: "lower" })} will lose
               all assigned roles and permissions immediately.
             </Text>
             <Text variant="secondary">
-              Are you sure you want to remove this member?
+              Are you sure you want to remove this {t.member({ case: "lower" })}?
             </Text>
           </Flex>
         </Dialog.Body>
diff --git a/web/sdk/admin/views/organizations/details/projects/columns.tsx b/web/sdk/admin/views/organizations/details/projects/columns.tsx
index c8460c647..2df65f022 100644
--- a/web/sdk/admin/views/organizations/details/projects/columns.tsx
+++ b/web/sdk/admin/views/organizations/details/projects/columns.tsx
@@ -25,6 +25,7 @@ import { useState } from "react";
 import type React from "react";
 import Skeleton from "react-loading-skeleton";
 import { useAddProjectMembers } from "./use-add-project-members";
+import { useTerminology, TerminologyEntity } from "../../../../hooks/useTerminology";
 
 const DropdownLoader = () => {
   return (
@@ -57,6 +58,7 @@ function AddMemberDropdown({
   isLoading,
   setSearchQuery,
 }: AddMemberDropdownProps) {
+  const t = useTerminology();
   return (
     <DropdownMenu
       autocomplete
@@ -64,7 +66,7 @@ function AddMemberDropdown({
       onSearch={setSearchQuery}
     >
       <DropdownMenu.TriggerItem data-test-id="add-members">
-        Add member
+        Add {t.member({ case: "lower" })}
       </DropdownMenu.TriggerItem>
       <DropdownMenu.Content>
         {isLoading ? (
@@ -106,6 +108,7 @@ function ProjectActionsContent({
   ) => void;
   handleRenameOptionOpen: () => void;
 }) {
+  const t = useTerminology();
   const handleRenameOptionClick = (e: React.MouseEvent<HTMLDivElement>) => {
     handleRenameOptionOpen();
     e.stopPropagation();
@@ -137,7 +140,7 @@ function ProjectActionsContent({
         onClick={handleRenameOptionClick}
         data-test-id="rename-project"
       >
-        Rename project...
+        Rename {t.project({ case: "lower" })}...
       </DropdownMenu.Item>
     </>
   );
@@ -206,11 +209,15 @@ function ProjectActions({
 export const getColumns = ({
   orgMembersMap,
   handleProjectUpdate,
+  t,
 }: {
   orgMembersMap: Record<string, User>;
   handleProjectUpdate: (
     project: SearchOrganizationProjectsResponse_OrganizationProject,
   ) => void;
+  t: {
+    member: TerminologyEntity;
+  };
 }): DataTableColumnDef<
   SearchOrganizationProjectsResponse_OrganizationProject,
   unknown
@@ -243,7 +250,7 @@ export const getColumns = ({
     },
     {
       accessorKey: "userIds",
-      header: "Members",
+      header: t.member({ plural: true, case: "capital" }),
       enableHiding: true,
       cell: ({ getValue }) => {
         const user_ids = (getValue() as string[]) || [];
diff --git a/web/sdk/admin/views/organizations/details/projects/index.tsx b/web/sdk/admin/views/organizations/details/projects/index.tsx
index aa0828029..eb26a0443 100644
--- a/web/sdk/admin/views/organizations/details/projects/index.tsx
+++ b/web/sdk/admin/views/organizations/details/projects/index.tsx
@@ -21,6 +21,7 @@ import {
 } from '../../../../utils/connect-pagination';
 import { transformDataTableQueryToRQLRequest } from '../../../../utils/transform-query';
 import { useDebounceValue } from 'usehooks-ts';
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const DEFAULT_SORT: DataTableSort = { name: 'createdAt', order: 'desc' };
 const INITIAL_QUERY: DataTableQuery = {
@@ -36,13 +37,14 @@ const TRANSFORM_OPTIONS = {
 };
 
 const NoProjects = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
         container: styles["empty-state"],
         subHeading: styles["empty-state-subheading"],
       }}
-      heading="No Projects found"
+      heading={`No ${t.project({ plural: true, case: "capital" })} found`}
       subHeading="We couldn't find any matches for that keyword or filter. Try alternative terms or check for typos."
       icon={<FileIcon />}
     />
@@ -50,20 +52,22 @@ const NoProjects = () => {
 };
 
 const ErrorState = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
         container: styles["empty-state"],
         subHeading: styles["empty-state-subheading"],
       }}
-      heading="Error Loading Projects"
-      subHeading="Something went wrong while loading organization projects. Please try refreshing the page."
+      heading={`Error Loading ${t.project({ plural: true, case: "capital" })}`}
+      subHeading={`Something went wrong while loading ${t.organization({ case: "lower" })} ${t.project({ plural: true, case: "lower" })}. Please try refreshing the page.`}
       icon={<ExclamationTriangleIcon />}
     />
   );
 };
 
 export function OrganizationProjectsView() {
+  const t = useTerminology();
   const { organization, search, orgMembersMap, isOrgMembersMapLoading } =
     useContext(OrganizationContext);
   const {
@@ -81,7 +85,7 @@ export function OrganizationProjectsView() {
 
   const [tableQuery, setTableQuery] = useState<DataTableQuery>(INITIAL_QUERY);
 
-  const title = `Projects | ${organization?.title} | Organizations`;
+  const title = `${t.project({ plural: true, case: "capital" })} | ${organization?.title} | ${t.organization({ plural: true, case: "capital" })}`;
 
   const computedQuery = useMemo(() => {
     const tempQuery = transformDataTableQueryToRQLRequest(tableQuery, TRANSFORM_OPTIONS);
@@ -162,7 +166,7 @@ export function OrganizationProjectsView() {
     });
   }
 
-  const columns = getColumns({ orgMembersMap, handleProjectUpdate });
+  const columns = getColumns({ orgMembersMap, handleProjectUpdate, t });
 
   return (
     <>
diff --git a/web/sdk/admin/views/organizations/details/projects/members/remove-member.tsx b/web/sdk/admin/views/organizations/details/projects/members/remove-member.tsx
index 37f797c46..dbf1af86b 100644
--- a/web/sdk/admin/views/organizations/details/projects/members/remove-member.tsx
+++ b/web/sdk/admin/views/organizations/details/projects/members/remove-member.tsx
@@ -12,6 +12,7 @@ import { createClient } from "@connectrpc/connect";
 import styles from "./members.module.css";
 
 import { Button, Dialog, Flex, Text, toast } from "@raystack/apsara";
+import { useTerminology } from "../../../../../hooks/useTerminology";
 
 interface RemoveMemberProps {
   projectId: string;
@@ -26,6 +27,7 @@ export const RemoveMember = ({
   onRemove,
   onClose,
 }: RemoveMemberProps) => {
+  const t = useTerminology();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const transport = useTransport();
 
@@ -57,9 +59,9 @@ export const RemoveMember = ({
         onRemove(user);
       }
 
-      toast.success("Member removed successfully");
+      toast.success(`${t.member({ case: "capital" })} removed successfully`);
     } catch (error) {
-      toast.error("Failed to remove member");
+      toast.error(`Failed to remove ${t.member({ case: "lower" })}`);
       console.error(error);
     } finally {
       setIsSubmitting(false);
@@ -74,18 +76,18 @@ export const RemoveMember = ({
         className={styles["action-dialog-content"]}
       >
         <Dialog.Header>
-          <Dialog.Title>Remove Member</Dialog.Title>
+          <Dialog.Title>Remove {t.member({ case: "capital" })}</Dialog.Title>
           <Dialog.CloseButton data-test-id="remove-member-close-button" />
         </Dialog.Header>
         <Dialog.Body>
           <Flex direction="column" gap={7}>
             <Text variant="secondary">
-              Removing this member will revoke all their access to the project.
-              This action cannot be undone. The member will lose all assigned
+              Removing this {t.member({ case: "lower" })} will revoke all their access to the {t.project({ case: "lower" })}.
+              This action cannot be undone. The {t.member({ case: "lower" })} will lose all assigned
               roles and permissions immediately.
             </Text>
             <Text variant="secondary">
-              Are you sure you want to remove this member?
+              Are you sure you want to remove this {t.member({ case: "lower" })}?
             </Text>
           </Flex>
         </Dialog.Body>
diff --git a/web/sdk/admin/views/organizations/details/projects/rename-project.tsx b/web/sdk/admin/views/organizations/details/projects/rename-project.tsx
index 189637e0f..6fc213694 100644
--- a/web/sdk/admin/views/organizations/details/projects/rename-project.tsx
+++ b/web/sdk/admin/views/organizations/details/projects/rename-project.tsx
@@ -10,6 +10,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm, Controller } from "react-hook-form";
 import React from "react";
 import { useMutation } from "@connectrpc/connect-query";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const projectRenameSchema = z.object({
   title: z.string(),
@@ -32,6 +33,7 @@ export function RenameProjectDialog({
   project,
   onRename,
 }: RenameProjectDialogProps) {
+  const t = useTerminology();
   const preventClickPropagation = (event: React.MouseEvent<HTMLDivElement>) => {
     event.stopPropagation();
   };
@@ -64,7 +66,7 @@ export function RenameProjectDialog({
       const newProject = resp.project;
 
       if (newProject) {
-        toast.success("Project renamed successfully");
+        toast.success(`${t.project({ case: "capital" })} renamed successfully`);
         onRename({
           ...project,
           title: newProject.title,
@@ -72,7 +74,7 @@ export function RenameProjectDialog({
         });
       }
     } catch (error) {
-      toast.error("Failed to rename project");
+      toast.error(`Failed to rename ${t.project({ case: "lower" })}`);
       console.error(error);
     }
   };
@@ -86,7 +88,7 @@ export function RenameProjectDialog({
       >
         <form onSubmit={handleSubmit(submit)}>
           <Dialog.Header>
-            <Dialog.Title>Rename Project</Dialog.Title>
+            <Dialog.Title>Rename {t.project({ case: "capital" })}</Dialog.Title>
             <Dialog.CloseButton data-test-id="rename-project-close-button" />
           </Dialog.Header>
           <Dialog.Body>
@@ -97,8 +99,8 @@ export function RenameProjectDialog({
                 render={({ field }) => (
                   <InputField
                     {...field}
-                    label="Project name"
-                    placeholder="Project name"
+                    label={`${t.project({ case: "capital" })} name`}
+                    placeholder={`${t.project({ case: "capital" })} name`}
                     data-test-id="rename-project-title-input"
                   />
                 )}
diff --git a/web/sdk/admin/views/organizations/details/projects/use-add-project-members.tsx b/web/sdk/admin/views/organizations/details/projects/use-add-project-members.tsx
index 5df76a670..97ee16cee 100644
--- a/web/sdk/admin/views/organizations/details/projects/use-add-project-members.tsx
+++ b/web/sdk/admin/views/organizations/details/projects/use-add-project-members.tsx
@@ -5,12 +5,15 @@ import { DEFAULT_ROLES } from "../../../../utils/constants";
 import { useQuery, useMutation } from "@connectrpc/connect-query";
 import { FrontierServiceQueries, ListProjectUsersRequestSchema, CreatePolicyRequestSchema } from "@raystack/proton/frontier";
 import { create } from "@bufbuild/protobuf";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface useAddProjectMembersProps {
   projectId: string;
 }
 
 export function useAddProjectMembers({ projectId }: useAddProjectMembersProps) {
+  const t = useTerminology();
+  const memberLabel = t.member({ case: "capital" });
   const { orgMembersMap } = useContext(OrganizationContext);
   const [searchQuery, setSearchQuery] = useState<string>("");
 
@@ -63,7 +66,7 @@ export function useAddProjectMembers({ projectId }: useAddProjectMembersProps) {
             },
           }),
         );
-        toast.success("member added");
+        toast.success(`${memberLabel} added`);
         await refetch();
         return projectMembers;
       } catch (error: unknown) {
@@ -71,7 +74,7 @@ export function useAddProjectMembers({ projectId }: useAddProjectMembersProps) {
         toast.error("Something went wrong");
       }
     },
-    [projectId, createPolicy, refetch, projectMembers],
+    [projectId, createPolicy, refetch, projectMembers, memberLabel],
   );
 
   return {
diff --git a/web/sdk/admin/views/organizations/details/security/block-organization.tsx b/web/sdk/admin/views/organizations/details/security/block-organization.tsx
index a52cf787b..ac165c448 100644
--- a/web/sdk/admin/views/organizations/details/security/block-organization.tsx
+++ b/web/sdk/admin/views/organizations/details/security/block-organization.tsx
@@ -6,6 +6,7 @@ import { createConnectQueryKey, useMutation, useTransport } from "@connectrpc/co
 import { FrontierServiceQueries, DisableOrganizationRequestSchema, EnableOrganizationRequestSchema } from "@raystack/proton/frontier";
 import { create } from "@bufbuild/protobuf";
 import { useQueryClient } from "@tanstack/react-query";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface componentConfigType {
   btnColor: "danger" | "accent";
@@ -19,6 +20,7 @@ interface componentConfigType {
 }
 
 const BlockOrganizationDialog = () => {
+  const t = useTerminology();
   const { organization } = useContext(OrganizationContext);
   const queryClient = useQueryClient();
   const transport = useTransport();
@@ -38,7 +40,7 @@ const BlockOrganizationDialog = () => {
           }),
         });
         setIsDialogOpen(false);
-        toast.success("Organization blocked");
+        toast.success(`${t.organization({ case: "capital" })} blocked`);
       },
       onError: (error) => {
         toast.error("Something went wrong", {
@@ -62,7 +64,7 @@ const BlockOrganizationDialog = () => {
           }),
         });
         setIsDialogOpen(false);
-        toast.success("Organization unblocked");
+        toast.success(`${t.organization({ case: "capital" })} unblocked`);
       },
       onError: (error) => {
         toast.error("Something went wrong", {
diff --git a/web/sdk/admin/views/organizations/details/side-panel/index.tsx b/web/sdk/admin/views/organizations/details/side-panel/index.tsx
index a811d7752..27dbfbae8 100644
--- a/web/sdk/admin/views/organizations/details/side-panel/index.tsx
+++ b/web/sdk/admin/views/organizations/details/side-panel/index.tsx
@@ -5,6 +5,7 @@ import { PlanDetailsSection } from "./plan-details-section";
 import { TokensDetailsSection } from "./tokens-details-section";
 import { BillingDetailsSection } from "./billing-details-section";
 import type { Organization } from "@raystack/proton/frontier";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 export const SUBSCRIPTION_STATES = {
   active: "Active",
@@ -19,11 +20,12 @@ interface SidePanelProps {
 }
 
 export function OrgSidePanel({ organization }: SidePanelProps) {
+  const t = useTerminology();
   const avatarColor = getAvatarColor(organization?.id || "");
   return (
     <SidePanel data-test-id="admin-sidepanel">
       <SidePanel.Header
-        title={organization?.title || "Organization"}
+        title={organization?.title || t.organization({ case: "capital" })}
         icon={
           <Avatar fallback={organization?.title?.[0]} color={avatarColor} />
         }
diff --git a/web/sdk/admin/views/organizations/details/tokens/columns.tsx b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
index 721822f73..d64c4f1a6 100644
--- a/web/sdk/admin/views/organizations/details/tokens/columns.tsx
+++ b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
@@ -17,8 +17,15 @@ import {
   TimeStamp,
   timestampToDate,
 } from "../../../../utils/connect-timestamp";
+import { TerminologyEntity } from "../../../../hooks/useTerminology";
 
-export const getColumns = (): DataTableColumnDef<
+interface GetColumnsOptions {
+  t: {
+    member: TerminologyEntity;
+  };
+}
+
+export const getColumns = ({ t }: GetColumnsOptions): DataTableColumnDef<
   SearchOrganizationTokensResponse_OrganizationToken,
   unknown
 >[] => {
@@ -72,7 +79,7 @@ export const getColumns = (): DataTableColumnDef<
     },
     {
       accessorKey: "userId",
-      header: "Member",
+      header: t.member({ case: "capital" }),
       cell: ({ row, getValue }) => {
         const userId = (getValue() as string) || "";
         const title = row.original.userTitle || userId;
diff --git a/web/sdk/admin/views/organizations/details/tokens/index.tsx b/web/sdk/admin/views/organizations/details/tokens/index.tsx
index 41c9f5891..da2d523ec 100644
--- a/web/sdk/admin/views/organizations/details/tokens/index.tsx
+++ b/web/sdk/admin/views/organizations/details/tokens/index.tsx
@@ -12,6 +12,7 @@ import { getConnectNextPageParam, DEFAULT_PAGE_SIZE } from "../../../../utils/co
 import { transformDataTableQueryToRQLRequest } from "../../../../utils/transform-query";
 import { getColumns } from "./columns";
 import { useDebounceValue } from "usehooks-ts";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 const DEFAULT_SORT: DataTableSort = { name: 'createdAt', order: 'desc' };
 const INITIAL_QUERY: DataTableQuery = {
@@ -45,6 +46,7 @@ const NoTokens = () => {
 };
 
 const ErrorState = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
@@ -52,13 +54,14 @@ const ErrorState = () => {
         subHeading: styles["empty-state-subheading"],
       }}
       heading="Error Loading Tokens"
-      subHeading="Something went wrong while loading organization tokens. Please try refreshing the page."
+      subHeading={`Something went wrong while loading ${t.organization({ case: "lower" })} tokens. Please try refreshing the page.`}
       icon={<ExclamationTriangleIcon />}
     />
   );
 };
 
 export function OrganizationTokensView() {
+  const t = useTerminology();
   const { organization, search } = useContext(OrganizationContext);
   const organizationId = organization?.id || "";
   const {
@@ -69,7 +72,7 @@ export function OrganizationTokensView() {
 
   const [tableQuery, setTableQuery] = useState<DataTableQuery>(INITIAL_QUERY);
 
-  const title = `Tokens | ${organization?.title} | Organizations`;
+  const title = `Tokens | ${organization?.title} | ${t.organization({ plural: true, case: "capital" })}`;
 
   const computedQuery = useMemo(() => {
     const tempQuery = transformDataTableQueryToRQLRequest(tableQuery, TRANSFORM_OPTIONS);
@@ -129,7 +132,7 @@ export function OrganizationTokensView() {
     };
   }, [setSearchVisibility, onSearchChange]);
 
-  const columns = useMemo(() => getColumns(), []);
+  const columns = useMemo(() => getColumns({ t }), [t]);
 
   return (
     <Flex justify="center">
diff --git a/web/sdk/admin/views/organizations/list/create.tsx b/web/sdk/admin/views/organizations/list/create.tsx
index 72dae3b50..e44260d3e 100644
--- a/web/sdk/admin/views/organizations/list/create.tsx
+++ b/web/sdk/admin/views/organizations/list/create.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import styles from "./list.module.css";
+import { useTerminology } from "../../../hooks/useTerminology";
 import {
   Button,
   Flex,
@@ -58,6 +59,7 @@ export function CreateOrganizationPanel({
   countries: countriesProp = [],
   onSuccess,
 }: CreateOrganizationPanelProps) {
+  const t = useTerminology();
   const [countries, setCountries] = useState<string[]>(countriesProp);
   const industries = organizationTypes;
 
@@ -88,12 +90,12 @@ export function CreateOrganizationPanel({
   useEffect(() => {
     if (mutationError) {
       if (mutationError.message?.includes("already exists")) {
-        setError("name", { message: "Organization name already exists" });
+        setError("name", { message: `${t.organization({ case: "capital" })} name already exists` });
       } else {
         console.error("Unable to create new org:", mutationError);
       }
     }
-  }, [mutationError, setError]);
+  }, [mutationError, setError, t]);
 
   async function onSubmit(data: OrgCreateSchema) {
     try {
@@ -131,7 +133,7 @@ export function CreateOrganizationPanel({
           className={styles["side-panel"]}
         >
           <SidePanel.Header
-            title="Add new organization"
+            title={`Add new ${t.organization({ case: "lower" })}`}
             actions={[
               <IconButton
                 key="close-edit-org-panel-icon"
@@ -163,29 +165,29 @@ export function CreateOrganizationPanel({
                         style={{ width: "100%" }}
                       >
                         <AvatarUpload {...field} data-test-id="avatar-upload" />
-                        <Text>Pick a logo for your organization</Text>
+                        <Text>Pick a logo for your {t.organization({ case: "lower" })}</Text>
                       </Flex>
                     </>
                   );
                 }}
               />
-              <InputField {...register("title")} label="Organization title" />
+              <InputField {...register("title")} label={`${t.organization({ case: "capital" })} title`} />
               <InputField
                 {...register("orgOwnerEmail")}
-                label="Organization owner"
+                label={`${t.organization({ case: "capital" })} owner`}
                 error={errors.orgOwnerEmail?.message}
               />
               <InputField
                 {...register("name")}
                 prefix={appUrl}
-                label="Organization URL"
-                helperText="This will be your organization unique web address"
+                label={`${t.organization({ case: "capital" })} URL`}
+                helperText={`This will be your ${t.organization({ case: "lower" })} unique web address`}
                 error={errors.name?.message}
               />
               <InputField
                 {...register("size")}
                 type="number"
-                label="Organization size"
+                label={`${t.organization({ case: "capital" })} size`}
                 error={errors.size?.message}
               />
               <Controller
@@ -195,7 +197,7 @@ export function CreateOrganizationPanel({
                   return (
                     <Flex direction="column" gap={2}>
                       <Label htmlFor="org-type-select">
-                        Organization industry
+                        {t.organization({ case: "capital" })} industry
                       </Label>
                       <Select
                         {...field}
@@ -226,7 +228,7 @@ export function CreateOrganizationPanel({
               />
               {showOtherTypeField ? (
                 <InputField
-                  label="Organization industry (other)"
+                  label={`${t.organization({ case: "capital" })} industry (other)`}
                   {...register("otherType")}
                   error={errors.otherType?.message}
                 />
diff --git a/web/sdk/admin/views/organizations/list/index.tsx b/web/sdk/admin/views/organizations/list/index.tsx
index f0486ca21..c737076c9 100644
--- a/web/sdk/admin/views/organizations/list/index.tsx
+++ b/web/sdk/admin/views/organizations/list/index.tsx
@@ -24,16 +24,18 @@ import {
 import { transformDataTableQueryToRQLRequest } from "../../../utils/transform-query";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { useDebouncedState } from "@raystack/apsara/hooks";
+import { useTerminology } from "../../../hooks/useTerminology";
 
 const NoOrganizations = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
         container: styles["empty-state"],
         subHeading: styles["empty-state-subheading"],
       }}
-      heading="No Organization Found"
-      subHeading="We couldn’t find any matches for that keyword or filter. Try alternative terms or check for typos."
+      heading={`No ${t.organization({ case: "capital" })} Found`}
+      subHeading="We couldn't find any matches for that keyword or filter. Try alternative terms or check for typos."
       icon={<OrganizationIcon />}
     />
   );
@@ -68,6 +70,7 @@ export const OrganizationListView = ({
   appUrl,
   countries = [],
 }: OrganizationListViewProps = {}) => {
+  const t = useTerminology();
   const [showCreatePanel, setShowCreatePanel] = useState(false);
 
   const [tableQuery, setTableQuery] = useDebouncedState<DataTableQuery>(
@@ -161,13 +164,13 @@ export const OrganizationListView = ({
   if (isError) {
     return (
       <>
-        <PageTitle title="Organizations" appName={appName} />
+        <PageTitle title={t.organization({ plural: true, case: "capital" })} appName={appName} />
         <EmptyState
           icon={<ExclamationTriangleIcon />}
-          heading="Error Loading Organizations"
+          heading={`Error Loading ${t.organization({ plural: true, case: "capital" })}`}
           subHeading={
             error?.message ||
-            "Something went wrong while loading organizations. Please try again."
+            `Something went wrong while loading ${t.organization({ plural: true, case: "lower" })}. Please try again.`
           }
         />
       </>
@@ -194,7 +197,7 @@ export const OrganizationListView = ({
           }}
         />
       ) : null}
-      <PageTitle title="Organizations" appName={appName} />
+      <PageTitle title={t.organization({ plural: true, case: "capital" })} appName={appName} />
       <DataTable
         query={tableQuery}
         columns={columns}
diff --git a/web/sdk/admin/views/organizations/list/navbar.tsx b/web/sdk/admin/views/organizations/list/navbar.tsx
index 153532942..d41f56cd7 100644
--- a/web/sdk/admin/views/organizations/list/navbar.tsx
+++ b/web/sdk/admin/views/organizations/list/navbar.tsx
@@ -15,6 +15,7 @@ import {
   PlusIcon,
 } from "@radix-ui/react-icons";
 import React, { useState } from "react";
+import { useTerminology } from "../../../hooks/useTerminology";
 
 interface OrganizationsNavabarProps {
   searchQuery?: string;
@@ -27,6 +28,7 @@ export const OrganizationsNavabar = ({
   openCreatePanel,
   onExportCsv,
 }: OrganizationsNavabarProps) => {
+  const t = useTerminology();
   const [showSearch, setShowSearch] = useState(searchQuery ? true : false);
   const [isDownloading, setIsDownloading] = useState(false);
 
@@ -58,7 +60,7 @@ export const OrganizationsNavabar = ({
       <Flex gap={2}>
         <OrganizationIcon />
         <Text size={2} weight={500}>
-          Organizations
+          {t.organization({ plural: true, case: "capital" })}
         </Text>
       </Flex>
       <Flex align="center" gap={4}>
@@ -69,7 +71,7 @@ export const OrganizationsNavabar = ({
           data-test-id="admin-create-organization-btn"
           onClick={openCreatePanel}
         >
-          New Organization
+          New {t.organization({ case: "capital" })}
         </Button>
         <Separator orientation="vertical" size="small" />
         {showSearch ? (
diff --git a/web/sdk/admin/views/users/details/layout/navbar.tsx b/web/sdk/admin/views/users/details/layout/navbar.tsx
index 1fe65abde..860837bff 100644
--- a/web/sdk/admin/views/users/details/layout/navbar.tsx
+++ b/web/sdk/admin/views/users/details/layout/navbar.tsx
@@ -11,6 +11,8 @@ import UserIcon from "../../../../assets/icons/UsersIcon";
 import styles from "./navbar.module.css";
 import { getUserName } from "../../util";
 import { useUser } from "../user-context";
+import { useTerminology } from "../../../../hooks/useTerminology";
+import { useAdminPaths } from "../../../../hooks/useAdminPaths";
 
 interface UserDetailsNavbarProps {
   toggleSidePanel: () => void;
@@ -24,22 +26,24 @@ export const UserDetailsNavbar = ({
   onNavigate,
 }: UserDetailsNavbarProps) => {
   const { user } = useUser();
+  const t = useTerminology();
+  const paths = useAdminPaths();
 
-  const links = [{ name: "Security", path: `/users/${user?.id}/security` }];
+  const links = [{ name: "Security", path: `/${paths.users}/${user?.id}/security` }];
 
   return (
     <nav className={styles.navbar}>
       <Flex gap="medium" align="center">
         <Breadcrumb size="small">
           <Breadcrumb.Item
-            href="/users"
+            href={`/${paths.users}`}
             leadingIcon={<UserIcon />}
             data-test-id="admin-user-details-breadcrumb-users">
-            Users
+            {t.user({ plural: true, case: "capital" })}
           </Breadcrumb.Item>
           <Breadcrumb.Separator />
           <Breadcrumb.Item
-            href={`/users/${user?.id}`}
+            href={`/${paths.users}/${user?.id}`}
             leadingIcon={
               <Avatar
                 color={getAvatarColor(user?.id || "")}
diff --git a/web/sdk/admin/views/users/details/layout/suspend-user.tsx b/web/sdk/admin/views/users/details/layout/suspend-user.tsx
index 6de3abdbb..37b45c4f4 100644
--- a/web/sdk/admin/views/users/details/layout/suspend-user.tsx
+++ b/web/sdk/admin/views/users/details/layout/suspend-user.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Button, Dialog, Flex, Text, toast } from "@raystack/apsara";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 interface SuspendDropdownProps {
   userId: string;
@@ -12,12 +13,13 @@ export const SuspendUser = ({
   onClose,
   onSubmit,
 }: SuspendDropdownProps) => {
+  const t = useTerminology();
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const handleSuspend = async () => {
     try {
       setIsSubmitting(true);
-      toast.success("User suspended successfully");
+      toast.success(`${t.user({ case: "capital" })} suspended successfully`);
       onSubmit?.();
     } catch (error) {
       console.error(error);
@@ -31,9 +33,9 @@ export const SuspendUser = ({
       <Dialog.Content width={400}>
         <Dialog.Body>
           <Flex direction="column" gap="small">
-            <Dialog.Title>Suspend User</Dialog.Title>
+            <Dialog.Title>Suspend {t.user({ case: "capital" })}</Dialog.Title>
             <Text variant="secondary">
-              Suspending this user will permanently restrict access to its
+              Suspending this {t.user({ case: "lower" })} will permanently restrict access to its
               content, disable communication, and prevent any future
               interactions. Are you sure you want to proceed?
             </Text>
diff --git a/web/sdk/admin/views/users/details/security/block-user.tsx b/web/sdk/admin/views/users/details/security/block-user.tsx
index 37926c946..f12221091 100644
--- a/web/sdk/admin/views/users/details/security/block-user.tsx
+++ b/web/sdk/admin/views/users/details/security/block-user.tsx
@@ -12,6 +12,7 @@ import {
   FrontierServiceQueries,
 } from "@raystack/proton/frontier";
 import { useQueryClient } from "@tanstack/react-query";
+import { useTerminology } from "../../../../hooks/useTerminology";
 
 type ButtonColorType = ComponentProps<typeof Button>["color"];
 
@@ -23,6 +24,7 @@ type SearchUsersQueryData = {
 };
 
 export const BlockUserDialog = () => {
+  const t = useTerminology();
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const { user, reset } = useUser();
   const queryClient = useQueryClient();
@@ -58,7 +60,7 @@ export const BlockUserDialog = () => {
     FrontierServiceQueries.disableUser,
     {
       onSuccess: () => {
-        toast.success("User blocked successfully");
+        toast.success(`${t.user({ case: "capital" })} blocked successfully`);
         optimisticUpdateState("disabled");
         reset?.();
         onOpenChange(false);
@@ -72,7 +74,7 @@ export const BlockUserDialog = () => {
     FrontierServiceQueries.enableUser,
     {
       onSuccess: () => {
-        toast.success("User unblocked successfully");
+        toast.success(`${t.user({ case: "capital" })} unblocked successfully`);
         optimisticUpdateState("enabled");
         reset?.();
         onOpenChange(false);
@@ -94,8 +96,8 @@ export const BlockUserDialog = () => {
         onClick: blockUser,
         btnColor: "danger" as ButtonColorType,
         btnText: "Block",
-        dialogTitle: "Block user",
-        dialogDescription: `Blocking this user will permanently restrict access to its content, disable communication, and prevent any future interactions. Are you sure you want to suspend ${userName}?`,
+        dialogTitle: `Block ${t.user({ case: "lower" })}`,
+        dialogDescription: `Blocking this ${t.user({ case: "lower" })} will permanently restrict access to its content, disable communication, and prevent any future interactions. Are you sure you want to suspend ${userName}?`,
         dialogConfirmText: "Block",
         dialogConfirmLoadingText: "Blocking...",
       }
@@ -103,8 +105,8 @@ export const BlockUserDialog = () => {
         onClick: unblockUser,
         btnColor: "accent" as ButtonColorType,
         btnText: "Unblock",
-        dialogTitle: "Unblock user",
-        dialogDescription: `Unblocking this user will restore access to its content, enable communication, and allow future interactions. Are you sure you want to unblock ${userName}?`,
+        dialogTitle: `Unblock ${t.user({ case: "lower" })}`,
+        dialogDescription: `Unblocking this ${t.user({ case: "lower" })} will restore access to its content, enable communication, and allow future interactions. Are you sure you want to unblock ${userName}?`,
         dialogConfirmText: "Unblock",
         dialogConfirmLoadingText: "Unblocking...",
       };
@@ -123,7 +125,7 @@ export const BlockUserDialog = () => {
           {config.btnText}
         </Button>
       </Dialog.Trigger>
-      <Dialog.Content width={400} ariaLabel="Block user">
+      <Dialog.Content width={400} ariaLabel={config.dialogTitle}>
         <Dialog.Body>
           <Dialog.Title>{config.dialogTitle}</Dialog.Title>
           <Dialog.Description>{config.dialogDescription}</Dialog.Description>
diff --git a/web/sdk/admin/views/users/details/user-details.tsx b/web/sdk/admin/views/users/details/user-details.tsx
index f3b8deee5..6befd997b 100644
--- a/web/sdk/admin/views/users/details/user-details.tsx
+++ b/web/sdk/admin/views/users/details/user-details.tsx
@@ -7,6 +7,7 @@ import { useQuery } from "@connectrpc/connect-query";
 import type { User } from "@raystack/proton/frontier";
 import { AdminServiceQueries } from "@raystack/proton/frontier";
 import { UserDetailsSecurityContent } from "./security/security";
+import { useTerminology } from "../../../hooks/useTerminology";
 
 interface UserDetailContentProps {
   user: User;
@@ -32,6 +33,7 @@ interface UserDetailsByUserIdProps {
 }
 
 export const UserDetailsByUserId = ({ userId, currentPath, onNavigate }: UserDetailsByUserIdProps) => {
+  const t = useTerminology();
   const { data, isLoading, refetch } = useQuery(
     AdminServiceQueries.searchUsers,
     { query: { search: userId } },
@@ -60,11 +62,11 @@ export const UserDetailsByUserId = ({ userId, currentPath, onNavigate }: UserDet
         align="center"
         justify="center"
       >
-        <PageTitle title="User not found" />
+        <PageTitle title={`${t.user({ case: "capital" })} not found`} />
         <EmptyState
           icon={<UserIcon />}
-          heading="User not found"
-          subHeading="The user you are looking for does not exist."
+          heading={`${t.user({ case: "capital" })} not found`}
+          subHeading={`The ${t.user({ case: "lower" })} you are looking for does not exist.`}
         />
       </Flex>
     );
diff --git a/web/sdk/admin/views/users/list/invite-users.tsx b/web/sdk/admin/views/users/list/invite-users.tsx
index 7554b9162..eb17a57d2 100644
--- a/web/sdk/admin/views/users/list/invite-users.tsx
+++ b/web/sdk/admin/views/users/list/invite-users.tsx
@@ -25,6 +25,7 @@ import {
   ListRolesRequestSchema,
 } from "@raystack/proton/frontier";
 import {create} from "@bufbuild/protobuf";
+import { useTerminology } from "../../../hooks/useTerminology";
 
 const inviteSchema = z.object({
   role: z.string(),
@@ -38,6 +39,7 @@ const inviteSchema = z.object({
 type InviteSchemaType = z.infer<typeof inviteSchema>;
 
 export const InviteUser = () => {
+  const t = useTerminology();
   const [open, onOpenChange] = useState(false);
 
   const {
@@ -100,8 +102,9 @@ export const InviteUser = () => {
         console.error("Failed to invite user", error);
       },
       onSuccess: (data: CreateOrganizationInvitationResponse) => {
+        const invitedCount = data?.invitations?.length ?? 0;
         toast.success(
-          `User${data?.invitations?.length > 1 ? "s" : ""} invited`,
+          `${t.user({ case: "capital", plural: invitedCount !== 1 })} invited`,
         );
         reset({ role: defaultRoleId });
         onOpenChange(false);
@@ -126,13 +129,13 @@ export const InviteUser = () => {
           color="neutral"
           leadingIcon={<PlusIcon />}
           data-test-id="users-list-invite-user-btn">
-          Invite User
+          Invite {t.user({ case: "capital" })}
         </Button>
       </Dialog.Trigger>
       <Dialog.Content width={600}>
         <form onSubmit={handleSubmit(onSubmit)}>
           <Dialog.Header>
-            <Dialog.Title>Invite user</Dialog.Title>
+            <Dialog.Title>Invite {t.user({ case: "lower" })}</Dialog.Title>
             <Dialog.CloseButton data-test-id="users-list-invite-user-close-btn" />
           </Dialog.Header>
           <Dialog.Body className={styles["invite-users-dialog-body"]}>
@@ -203,7 +206,7 @@ export const InviteUser = () => {
 
               <Flex direction="column" gap={2}>
                 <Label className={styles["invite-users-dialog-label"]}>
-                  Organization
+                  {t.organization({ case: "capital" })}
                 </Label>
                 <Controller
                   name="organizationId"
@@ -218,7 +221,9 @@ export const InviteUser = () => {
                           {...rest}
                           onValueChange={value => field.onChange(value)}>
                           <Select.Trigger ref={ref}>
-                            <Select.Value placeholder="Select an Organization" />
+                            <Select.Value
+                              placeholder={`Select ${t.organization({ case: "capital" })}`}
+                            />
                           </Select.Trigger>
                           <Select.Content
                             style={{
diff --git a/web/sdk/admin/views/users/list/list.tsx b/web/sdk/admin/views/users/list/list.tsx
index d3726f18a..b9fd2d392 100644
--- a/web/sdk/admin/views/users/list/list.tsx
+++ b/web/sdk/admin/views/users/list/list.tsx
@@ -15,15 +15,17 @@ import {
 import { transformDataTableQueryToRQLRequest } from "../../../utils/transform-query";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { useDebouncedState } from "@raystack/apsara/hooks";
+import { useTerminology } from "../../../hooks/useTerminology";
 
 const NoUsers = () => {
+  const t = useTerminology();
   return (
     <EmptyState
       classNames={{
         container: styles["empty-state"],
         subHeading: styles["empty-state-subheading"],
       }}
-      heading="No Users Found"
+      heading={`No ${t.user({ plural: true, case: "capital" })} Found`}
       subHeading="We couldn't find any matches for that keyword or filter. Try alternative terms or check for typos."
       icon={<UserIcon />}
     />
@@ -42,6 +44,7 @@ interface UsersListProps {
 }
 
 export const UsersList = ({ onExportUsers, onNavigateToUser }: UsersListProps) => {
+  const t = useTerminology();
   const [tableQuery, setTableQuery] = useDebouncedState<DataTableQuery>(
     INITIAL_QUERY,
     200,
@@ -110,13 +113,13 @@ export const UsersList = ({ onExportUsers, onNavigateToUser }: UsersListProps) =
     console.error("ConnectRPC Error:", error);
     return (
       <>
-        <PageTitle title="Users" />
+        <PageTitle title={t.user({ plural: true, case: "capital" })} />
         <EmptyState
           icon={<ExclamationTriangleIcon />}
-          heading="Error Loading Users"
+          heading={`Error Loading ${t.user({ plural: true, case: "capital" })}`}
           subHeading={
             error?.message ||
-            "Something went wrong while loading users. Please try again."
+            `Something went wrong while loading ${t.user({ plural: true, case: "lower" })}. Please try again.`
           }
         />
       </>
@@ -128,7 +131,7 @@ export const UsersList = ({ onExportUsers, onNavigateToUser }: UsersListProps) =
 
   return (
     <>
-      <PageTitle title="Users" />
+      <PageTitle title={t.user({ plural: true, case: "capital" })} />
       <DataTable
         query={tableQuery}
         columns={columns}
diff --git a/web/sdk/react/contexts/CustomizationContext.tsx b/web/sdk/react/contexts/CustomizationContext.tsx
index 2fe706302..95715536f 100644
--- a/web/sdk/react/contexts/CustomizationContext.tsx
+++ b/web/sdk/react/contexts/CustomizationContext.tsx
@@ -1,6 +1,7 @@
 import React, { createContext, ReactNode, useContext } from 'react';
 import { merge } from 'lodash';
 import type { FrontierClientCustomizationOptions } from '../../shared/types';
+import { TerminologyProvider } from '../../shared/terminology';
 
 const defaultCustomization: Required<FrontierClientCustomizationOptions> = {
   terminology: {
@@ -39,7 +40,9 @@ export const CustomizationProvider: React.FC<CustomizationProviderProps> = ({
 
   return (
     <CustomizationContext.Provider value={mergedConfig}>
-      {children}
+      <TerminologyProvider terminology={mergedConfig.terminology}>
+        {children}
+      </TerminologyProvider>
     </CustomizationContext.Provider>
   );
 };
diff --git a/web/sdk/react/hooks/useTerminology.ts b/web/sdk/react/hooks/useTerminology.ts
index 3f3efb2d0..99e4f158c 100644
--- a/web/sdk/react/hooks/useTerminology.ts
+++ b/web/sdk/react/hooks/useTerminology.ts
@@ -1,52 +1,6 @@
-import { useCustomizationContext } from '../contexts/CustomizationContext';
-import { EntityTerminologies } from '../../shared/types';
-
-export interface TerminologyOptions {
-  plural?: boolean;
-  case?: 'lower' | 'upper' | 'capital';
-}
-
-export interface TerminologyEntity {
-  (options?: TerminologyOptions): string;
-}
-
-const applyCase = (
-  text: string,
-  caseType?: 'lower' | 'upper' | 'capital'
-): string => {
-  switch (caseType) {
-    case 'lower':
-      return text.toLowerCase();
-    case 'upper':
-      return text.toUpperCase();
-    case 'capital':
-      return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
-    default:
-      return text;
-  }
-};
-
-const createEntity = (singular: string, plural: string): TerminologyEntity => {
-  return ({
-    plural: isPlural = false,
-    case: caseType
-  }: TerminologyOptions = {}) => {
-    const text = isPlural ? plural : singular;
-    return applyCase(text, caseType);
-  };
-};
-
-export const useTerminology = () => {
-  const context = useCustomizationContext();
-  const { terminology } = context;
-
-  return Object.entries(terminology)
-    .filter(([key]) => key !== 'appName')
-    .reduce((acc, [key, value]) => {
-      const entity = value as EntityTerminologies;
-      acc[key] = createEntity(entity.singular, entity.plural);
-      return acc;
-    }, {
-      appName: createEntity(terminology.appName!, terminology.appName!)
-    } as Record<string, TerminologyEntity>);
-};
+export {
+  useTerminology,
+  type TerminologyOptions,
+  type TerminologyEntity,
+  type TerminologyMap,
+} from '../../shared/terminology';
diff --git a/web/sdk/shared/terminology.tsx b/web/sdk/shared/terminology.tsx
new file mode 100644
index 000000000..85d03c749
--- /dev/null
+++ b/web/sdk/shared/terminology.tsx
@@ -0,0 +1,133 @@
+import React, { createContext, useContext, useMemo } from "react";
+import { EntityTerminologies } from "./types";
+
+export interface TerminologyOptions {
+  plural?: boolean;
+  case?: "lower" | "upper" | "capital";
+}
+
+export interface TerminologyEntity {
+  (options?: TerminologyOptions): string;
+}
+
+export const applyCase = (
+  text: string,
+  caseType?: "lower" | "upper" | "capital"
+): string => {
+  switch (caseType) {
+    case "lower":
+      return text.toLowerCase();
+    case "upper":
+      return text.toUpperCase();
+    case "capital":
+      return text.charAt(0).toUpperCase() + text.slice(1);
+    default:
+      return text;
+  }
+};
+
+export const createEntity = (
+  singular: string,
+  plural: string
+): TerminologyEntity => {
+  return ({
+    plural: isPlural = false,
+    case: caseType,
+  }: TerminologyOptions = {}) => {
+    const text = isPlural ? plural : singular;
+    return applyCase(text, caseType);
+  };
+};
+
+export interface TerminologyConfig {
+  organization?: EntityTerminologies;
+  project?: EntityTerminologies;
+  team?: EntityTerminologies;
+  member?: EntityTerminologies;
+  user?: EntityTerminologies;
+  appName?: string;
+}
+
+const DEFAULT_TERMINOLOGY: Required<TerminologyConfig> = {
+  organization: { singular: "Organization", plural: "Organizations" },
+  project: { singular: "Project", plural: "Projects" },
+  team: { singular: "Team", plural: "Teams" },
+  member: { singular: "Member", plural: "Members" },
+  user: { singular: "User", plural: "Users" },
+  appName: "Frontier",
+};
+
+export interface TerminologyMap {
+  organization: TerminologyEntity;
+  project: TerminologyEntity;
+  team: TerminologyEntity;
+  member: TerminologyEntity;
+  user: TerminologyEntity;
+  appName: TerminologyEntity;
+}
+
+export function createTerminologyMap(
+  terminology?: TerminologyConfig,
+  defaults: Required<TerminologyConfig> = DEFAULT_TERMINOLOGY
+): TerminologyMap {
+  const t = terminology || defaults;
+  return {
+    organization: createEntity(
+      t.organization?.singular || defaults.organization.singular,
+      t.organization?.plural || defaults.organization.plural
+    ),
+    project: createEntity(
+      t.project?.singular || defaults.project.singular,
+      t.project?.plural || defaults.project.plural
+    ),
+    team: createEntity(
+      t.team?.singular || defaults.team.singular,
+      t.team?.plural || defaults.team.plural
+    ),
+    member: createEntity(
+      t.member?.singular || defaults.member.singular,
+      t.member?.plural || defaults.member.plural
+    ),
+    user: createEntity(
+      t.user?.singular || defaults.user.singular,
+      t.user?.plural || defaults.user.plural
+    ),
+    appName: createEntity(
+      t.appName || defaults.appName,
+      t.appName || defaults.appName
+    ),
+  };
+}
+
+// -- Context & Hook --
+
+const TerminologyContext = createContext<TerminologyMap>(
+  createTerminologyMap()
+);
+
+export interface TerminologyProviderProps {
+  children: React.ReactNode;
+  terminology?: TerminologyConfig;
+  defaults?: Required<TerminologyConfig>;
+}
+
+export const TerminologyProvider: React.FC<TerminologyProviderProps> = ({
+  children,
+  terminology,
+  defaults,
+}) => {
+  const map = useMemo(
+    () => createTerminologyMap(terminology, defaults),
+    [terminology, defaults]
+  );
+
+  return (
+    <TerminologyContext.Provider value={map}>
+      {children}
+    </TerminologyContext.Provider>
+  );
+};
+
+export const useTerminology = (): TerminologyMap => {
+  return useContext(TerminologyContext);
+};