diff --git a/public/officer-logo.png b/public/officer-logo.png index 14e38e8e..c8af3c86 100644 Binary files a/public/officer-logo.png and b/public/officer-logo.png differ diff --git a/public/officer-logo.svg b/public/officer-logo.svg index 6a0c9509..d70427c8 100644 --- a/public/officer-logo.svg +++ b/public/officer-logo.svg @@ -1,4 +1,4 @@ - + @@ -25,25 +25,26 @@ - officer.dev + Officer - officer.dev + Officer diff --git a/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx b/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx index 0e492af9..9420b617 100644 --- a/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx +++ b/src/apps/officer-web/Screens/Dashboard/Layout/Header/Header.tsx @@ -81,7 +81,10 @@ export function Header({ dockItems, hidden }: HeaderProps) { role="img" aria-label="Officer" className="h-8 md:h-12 w-24 md:w-36 bg-contain bg-left bg-no-repeat" - style={{ backgroundImage: logo ? `url(${logo})` : 'none', transform: 'skew(-15deg, -2deg)' }} + /* No skew. The wordmark is drawn, kerned pair by pair, and shipped as the finished mark — + shearing it in CSS was how the OLD logo got its slant, and doing it to this one distorts + letterforms that were adjusted by hand. See landing/assets/brand/WORDMARK.md. */ + style={{ backgroundImage: logo ? `url(${logo})` : 'none' }} /> diff --git a/src/workspaces/components/Logos/DevSvgLogo.tsx b/src/workspaces/components/Logos/DevSvgLogo.tsx index b9fdf61c..5ae86fff 100644 --- a/src/workspaces/components/Logos/DevSvgLogo.tsx +++ b/src/workspaces/components/Logos/DevSvgLogo.tsx @@ -9,7 +9,7 @@ export function OfficerIconLogo({ size = 'xl' }: SvgLogoProps) { Officer Icon ); } diff --git a/src/workspaces/components/Logos/PastilhasSvgLogo.tsx b/src/workspaces/components/Logos/PastilhasSvgLogo.tsx index e9480f94..d1080bc6 100644 --- a/src/workspaces/components/Logos/PastilhasSvgLogo.tsx +++ b/src/workspaces/components/Logos/PastilhasSvgLogo.tsx @@ -18,7 +18,7 @@ export function OfficerSvgLogoRegular({ size = 'xl' }: SvgLogoProps) { Officer Logo ); } @@ -30,7 +30,7 @@ export function OfficerSvgLogoSquare({ size = 'xl' }: SvgLogoProps) { Officer Logo ); }