From 1149f26b433cb828e29dfadd6e21a93ab4cab019 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Fri, 6 Feb 2026 19:33:57 +0000
Subject: [PATCH] feat(web): use kangaroo and lobster emoji for brand logos

---
 .../src/components/homepage/openclaw/openclaw-hero.tsx    | 8 ++++----
 .../homepage/openclaw/openclaw-integration-section.tsx    | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web-roo-code/src/components/homepage/openclaw/openclaw-hero.tsx b/apps/web-roo-code/src/components/homepage/openclaw/openclaw-hero.tsx
index 68369eb459..4b3aed82ca 100644
--- a/apps/web-roo-code/src/components/homepage/openclaw/openclaw-hero.tsx
+++ b/apps/web-roo-code/src/components/homepage/openclaw/openclaw-hero.tsx
@@ -37,8 +37,8 @@ export function OpenClawHero() {
 					transition={{ duration: 0.6, delay: 0.1, ease: "easeOut" }}
 					className="flex items-center gap-4 mb-8">
 					<div className="flex items-center gap-3 rounded-2xl bg-card/80 backdrop-blur-sm border border-border/50 shadow-lg px-5 py-3">
-						<div className="size-10 rounded-xl bg-violet-600 flex items-center justify-center text-white font-bold text-lg shadow-md">
-							R
+						<div className="size-10 rounded-xl bg-violet-600 flex items-center justify-center text-2xl shadow-md">
+							🦘
 						</div>
 						<span className="text-lg font-semibold">Roo Code</span>
 					</div>
@@ -51,8 +51,8 @@ export function OpenClawHero() {
 					</motion.div>
 
 					<div className="flex items-center gap-3 rounded-2xl bg-card/80 backdrop-blur-sm border border-border/50 shadow-lg px-5 py-3">
-						<div className="size-10 rounded-xl bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center text-white font-bold text-lg shadow-md">
-							O
+						<div className="size-10 rounded-xl bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center text-2xl shadow-md">
+							🦞
 						</div>
 						<span className="text-lg font-semibold">OpenClaw</span>
 					</div>
diff --git a/apps/web-roo-code/src/components/homepage/openclaw/openclaw-integration-section.tsx b/apps/web-roo-code/src/components/homepage/openclaw/openclaw-integration-section.tsx
index 8c2d5e3645..e9c0f1b4fe 100644
--- a/apps/web-roo-code/src/components/homepage/openclaw/openclaw-integration-section.tsx
+++ b/apps/web-roo-code/src/components/homepage/openclaw/openclaw-integration-section.tsx
@@ -206,7 +206,7 @@ export function OpenClawIntegrationSection() {
 									<div className="rounded-xl bg-violet-500/5 dark:bg-violet-500/10 border border-violet-500/10 dark:border-violet-500/20 p-4">
 										<div className="flex items-center gap-2 mb-2">
 											<div className="size-6 rounded-md bg-violet-600 flex items-center justify-center">
-												<span className="text-white text-xs font-bold">R</span>
+												<span className="text-sm">🦘</span>
 											</div>
 											<span className="text-xs font-semibold text-violet-700 dark:text-violet-400">
 												Roo Code
@@ -219,7 +219,7 @@ export function OpenClawIntegrationSection() {
 									<div className="rounded-xl bg-amber-500/5 dark:bg-amber-500/10 border border-amber-500/10 dark:border-amber-500/20 p-4">
 										<div className="flex items-center gap-2 mb-2">
 											<div className="size-6 rounded-md bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center">
-												<span className="text-white text-xs font-bold">O</span>
+												<span className="text-sm">🦞</span>
 											</div>
 											<span className="text-xs font-semibold text-amber-700 dark:text-amber-400">
 												OpenClaw