video_translate/docs/plans/2026-03-21-browser-title-design.md
2026-03-21 15:10:49 +08:00

1.3 KiB

Browser Title Design

Goal: Replace the default browser tab title with a more professional product title: AI Video Translation Studio.

Context

The current browser title still uses the starter text My Google AI Studio App, which looks unfinished and does not match the product's actual purpose. The user wants the browser tab to read as a real video translation product.

The approved title is AI Video Translation Studio.

Approved Direction

  • change only the browser tab title
  • use AI Video Translation Studio
  • do not change page body copy or in-app product labels in this step

Update the static HTML shell title in index.html. The application does not currently set document.title dynamically, so the simplest and most reliable change is to replace the hard-coded <title> value.

Testing Strategy

Add a small test that reads index.html and verifies the expected <title> string. This keeps the change covered without introducing runtime complexity.

Out of Scope

  • changing header branding inside the app
  • changing product copy across the UI
  • adding route-specific dynamic document titles

Success Criteria

Success means the browser tab displays AI Video Translation Studio instead of the starter title everywhere the app loads.