diff --git a/index.html b/index.html index 38a5fa7..4793c90 100644 --- a/index.html +++ b/index.html @@ -3,14 +3,12 @@ - - Lovable App - - + Gatehouse — Identity & Access + + - - - + + diff --git a/src/components/branding/GatehouseLogo.tsx b/src/components/branding/GatehouseLogo.tsx new file mode 100644 index 0000000..a0028e4 --- /dev/null +++ b/src/components/branding/GatehouseLogo.tsx @@ -0,0 +1,76 @@ +import { cn } from "@/lib/utils"; + +interface GatehouseLogoProps { + size?: "sm" | "md" | "lg"; + variant?: "default" | "light"; + className?: string; +} + +/** + * Gatehouse Logo - Abstract gate/doorway mark + * Represents controlled entry and policy enforcement + * Two vertical pillars forming a gateway with negative space + */ +export function GatehouseLogo({ + size = "md", + variant = "default", + className +}: GatehouseLogoProps) { + const sizeClasses = { + sm: "w-8 h-8", + md: "w-9 h-9", + lg: "w-12 h-12", + }; + + const bgClasses = { + default: "bg-primary", + light: "bg-sidebar-primary", + }; + + const iconColor = variant === "light" + ? "text-sidebar-primary-foreground" + : "text-primary-foreground"; + + return ( +
+ + {/* Abstract gate - two pillars with archway */} + + + + {/* Keyhole/entry indicator */} + + +
+ ); +} diff --git a/src/components/layouts/PublicLayout.tsx b/src/components/layouts/PublicLayout.tsx index d61b3f6..5605e4d 100644 --- a/src/components/layouts/PublicLayout.tsx +++ b/src/components/layouts/PublicLayout.tsx @@ -1,5 +1,5 @@ -import { Shield } from "lucide-react"; import { Outlet, Link } from "react-router-dom"; +import { GatehouseLogo } from "@/components/branding/GatehouseLogo"; export default function PublicLayout() { return ( @@ -10,11 +10,9 @@ export default function PublicLayout() { {/* Header */}
- -
- -
- Authy2 + + + Gatehouse
@@ -30,7 +28,7 @@ export default function PublicLayout() { diff --git a/src/components/navigation/AppSidebar.tsx b/src/components/navigation/AppSidebar.tsx index 240290d..898e7e0 100644 --- a/src/components/navigation/AppSidebar.tsx +++ b/src/components/navigation/AppSidebar.tsx @@ -10,6 +10,7 @@ import { FileText, Key, } from "lucide-react"; +import { GatehouseLogo } from "@/components/branding/GatehouseLogo"; import { NavLink } from "@/components/NavLink"; import { Sidebar, @@ -64,12 +65,10 @@ export function AppSidebar() { {/* Logo */}
-
- -
+ {!collapsed && ( - Authy2 + Gatehouse )}
diff --git a/src/index.css b/src/index.css index 42da904..a73a957 100644 --- a/src/index.css +++ b/src/index.css @@ -2,7 +2,8 @@ @tailwind components; @tailwind utilities; -/* Authy2 Design System - Enterprise Authentication Platform +/* Gatehouse Design System - Enterprise Identity & Access Platform + Authoritative, infrastructure-grade aesthetic with slate/charcoal/muted blue palette Colors are HSL for theming flexibility */ diff --git a/src/pages/auth/RegisterPage.tsx b/src/pages/auth/RegisterPage.tsx index 5aaec8c..04bc83e 100644 --- a/src/pages/auth/RegisterPage.tsx +++ b/src/pages/auth/RegisterPage.tsx @@ -131,7 +131,7 @@ export default function RegisterPage() { Create your account

- Get started with Authy2 in seconds + Get started with Gatehouse in seconds

diff --git a/src/pages/org/OIDCClientsPage.tsx b/src/pages/org/OIDCClientsPage.tsx index 364cfff..208608b 100644 --- a/src/pages/org/OIDCClientsPage.tsx +++ b/src/pages/org/OIDCClientsPage.tsx @@ -61,7 +61,7 @@ export default function OIDCClientsPage() {

OIDC Clients

- Manage applications that authenticate via Authy2 + Manage applications that authenticate via Gatehouse

@@ -75,7 +75,7 @@ export default function OIDCClientsPage() { Create OIDC Client - Register a new application to authenticate via Authy2 + Register a new application to authenticate via Gatehouse
diff --git a/src/pages/user/LinkedAccountsPage.tsx b/src/pages/user/LinkedAccountsPage.tsx index c47a97a..9a5e6b4 100644 --- a/src/pages/user/LinkedAccountsPage.tsx +++ b/src/pages/user/LinkedAccountsPage.tsx @@ -74,7 +74,7 @@ export default function LinkedAccountsPage() { - Linked accounts can only be used to sign in to an existing Authy2 account. + Linked accounts can only be used to sign in to an existing Gatehouse account. They cannot be used to create new accounts.