From f32cb2b75fec63dccf92b76e07e5d3c0bca2b95e Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:14:45 +0700 Subject: [PATCH 1/9] Branding: add header logo and use DX in user-facing README copy --- README.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 359758c..a54d071 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,10 @@ -# Agoda.DevExTelemetry +

+ DX Telemetry logo +

-A full-stack developer experience telemetry dashboard that collects, stores, and visualizes build and test metrics from development tools. +# DX Telemetry Manager (`Agoda.DevExTelemetry`) + +A full-stack **DX telemetry** dashboard that collects, stores, and visualizes build and test metrics from development tools. This is an internal tool designed to be deployed within your organization's infrastructure. It receives telemetry from build plugins and test runners across your engineering teams, providing visibility into compile times, test pass rates, hot reload performance, and other developer productivity signals. It is **not** intended to be exposed to the public internet. From b94058f022310b2677f286ea03f2fd4a4155aa7b Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:33:21 +0700 Subject: [PATCH 2/9] Branding: remove namespace from title and include logo concepts HTML --- README.md | 4 +- agoda_devex_telemetry_logo_concepts.html | 383 +++++++++++++++++++++++ 2 files changed, 386 insertions(+), 1 deletion(-) create mode 100644 agoda_devex_telemetry_logo_concepts.html diff --git a/README.md b/README.md index a54d071..22b7509 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,12 @@ DX Telemetry logo

-# DX Telemetry Manager (`Agoda.DevExTelemetry`) +# DX Telemetry Manager A full-stack **DX telemetry** dashboard that collects, stores, and visualizes build and test metrics from development tools. +Logo concepts: [`agoda_devex_telemetry_logo_concepts.html`](agoda_devex_telemetry_logo_concepts.html) + This is an internal tool designed to be deployed within your organization's infrastructure. It receives telemetry from build plugins and test runners across your engineering teams, providing visibility into compile times, test pass rates, hot reload performance, and other developer productivity signals. It is **not** intended to be exposed to the public internet. ## Architecture diff --git a/agoda_devex_telemetry_logo_concepts.html b/agoda_devex_telemetry_logo_concepts.html new file mode 100644 index 0000000..2b2a03d --- /dev/null +++ b/agoda_devex_telemetry_logo_concepts.html @@ -0,0 +1,383 @@ + + + + + + Agoda.DevExTelemetry Logo Concepts + + + +
+
+

Agoda.DevExTelemetry / DX Telemetry Manager

+

+ Minimal engineering-tool identity built around a single compact mark: a telemetry pulse flowing into a structured graph/dashboard frame. + The icon is designed to read clearly at small sizes while still implying measurement, feedback loops, and developer workflow. +

+
+ Deep Navy + Teal Accent + Electric Blue Option + Agoda-style Magenta +
+
+ +
+
+
1) Icon-only mark
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Rounded dashboard container plus structured bar geometry gives it a product/tool feel; the pulse path suggests telemetry, developer loops, and measurement rather than generic cloud infra. +
+
+ +
+
2) Horizontal lockup
+
+ + + + + + + + + + + + + + + + + + + + + + Agoda.DevExTelemetry + DX Telemetry Manager + + + + +
+
+ Optimized for GitHub headers, internal portals, docs landing pages, and admin screens. The subtitle can be removed where space is limited. +
+
+ +
+
3) Monochrome version
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+
+ Clean one-color treatment for CLI docs, stamps, low-ink print, favicons, and GitHub/social avatars where brand color is unavailable. +
+
+ +
+
4) Dark-mode variant
+
+ + + + + + + + + + + + + + + + + + + + + + Agoda.DevExTelemetry + DX Telemetry Manager + + + + +
+
+ Inverted treatment for dashboards, internal portals, terminal-adjacent product UIs, and dark GitHub-themed contexts. Keeps the icon high-contrast without feeling loud. +
+
+ +
+
5) Light-mode variant
+
+ + + + + + + + + + + + + + + + + + + + + + Agoda.DevExTelemetry + DX Telemetry Manager + + + + +
+
+ Primary presentation for README banners, Confluence, internal design docs, and admin screens with light backgrounds. +
+
+ +
+
6) Small-size / favicon check
+
+ + + Scalability preview + + + + + + + + 32×32 favicon/app icon + + + + + + + + README / nav icon + + +
+
+ The simplified tiny-size version keeps only the container, pulse, and terminal datapoint so it remains readable when reduced aggressively. +
+
+
+
+ + From 5bf45966e9a61c4dce1f45995fd85c8d9931dbbf Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:35:52 +0700 Subject: [PATCH 3/9] Branding: replace README header PNG with logo asset from concepts --- README.md | 4 +--- docs/assets/dx-telemetry-logo-header.svg | 27 ++++++++++++++++++++++++ 2 files changed, 28 insertions(+), 3 deletions(-) create mode 100644 docs/assets/dx-telemetry-logo-header.svg diff --git a/README.md b/README.md index 22b7509..10617a3 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,11 @@

- DX Telemetry logo + DX Telemetry Manager logo

# DX Telemetry Manager A full-stack **DX telemetry** dashboard that collects, stores, and visualizes build and test metrics from development tools. -Logo concepts: [`agoda_devex_telemetry_logo_concepts.html`](agoda_devex_telemetry_logo_concepts.html) - This is an internal tool designed to be deployed within your organization's infrastructure. It receives telemetry from build plugins and test runners across your engineering teams, providing visibility into compile times, test pass rates, hot reload performance, and other developer productivity signals. It is **not** intended to be exposed to the public internet. ## Architecture diff --git a/docs/assets/dx-telemetry-logo-header.svg b/docs/assets/dx-telemetry-logo-header.svg new file mode 100644 index 0000000..eb975cd --- /dev/null +++ b/docs/assets/dx-telemetry-logo-header.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + Agoda.DevExTelemetry + DX Telemetry Manager + + + + From 45d4720222d213b797e83563009c26e820ef9146 Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:37:52 +0700 Subject: [PATCH 4/9] Branding: set solid white background for README logo lockup --- docs/assets/dx-telemetry-logo-header.svg | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/assets/dx-telemetry-logo-header.svg b/docs/assets/dx-telemetry-logo-header.svg index eb975cd..4a3a43d 100644 --- a/docs/assets/dx-telemetry-logo-header.svg +++ b/docs/assets/dx-telemetry-logo-header.svg @@ -1,4 +1,5 @@ + From e74db39b391522e36cc10b149ade14ced0a7f405 Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:38:14 +0700 Subject: [PATCH 5/9] Branding: switch header logo wordmark to DX Telemetry --- docs/assets/dx-telemetry-logo-header.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/assets/dx-telemetry-logo-header.svg b/docs/assets/dx-telemetry-logo-header.svg index 4a3a43d..363adf1 100644 --- a/docs/assets/dx-telemetry-logo-header.svg +++ b/docs/assets/dx-telemetry-logo-header.svg @@ -20,7 +20,7 @@ - Agoda.DevExTelemetry + DX Telemetry DX Telemetry Manager From c334c8bc2ea319c7707aa0b319abba8abe7c2166 Mon Sep 17 00:00:00 2001 From: Joel Dickson Date: Sun, 22 Mar 2026 20:39:42 +0700 Subject: [PATCH 6/9] Branding: update clientside header to DX logo lockup --- .../src/assets/dx-telemetry-logo-header.svg | 28 +++++++++++++++++++ .../src/components/layout/AppShell.tsx | 7 ++--- 2 files changed, 31 insertions(+), 4 deletions(-) create mode 100644 src/Clientside/src/assets/dx-telemetry-logo-header.svg diff --git a/src/Clientside/src/assets/dx-telemetry-logo-header.svg b/src/Clientside/src/assets/dx-telemetry-logo-header.svg new file mode 100644 index 0000000..363adf1 --- /dev/null +++ b/src/Clientside/src/assets/dx-telemetry-logo-header.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + DX Telemetry + DX Telemetry Manager + + + + diff --git a/src/Clientside/src/components/layout/AppShell.tsx b/src/Clientside/src/components/layout/AppShell.tsx index 8ded11a..7cc9d53 100644 --- a/src/Clientside/src/components/layout/AppShell.tsx +++ b/src/Clientside/src/components/layout/AppShell.tsx @@ -1,6 +1,6 @@ import type { ReactNode } from 'react'; import { useNavigate, useLocation } from 'react-router-dom'; -import logo from '../../DevExSml.png'; +import logo from '../../assets/dx-telemetry-logo-header.svg'; const TABS = [ { name: 'Test Runs', path: '/test-runs' }, @@ -20,9 +20,8 @@ export function AppShell({ children }: AppShellProps) {
-
- DX - DX +
+ DX Telemetry