Workspace Logo Strip

Category: Google Workspace

Live preview

Horizontal strip of Google Workspace product logos. Greyscale by default, restores colour on hover.

Surfaces

webgoogle-apps-script-webgoogle-apps-script-side-panelmcp-appsandroid

Fields

Field	Type	Required
apps	array of app names (default gmail, drive, docs, sheets, slides, meet)	required
title	optional label above the strip	optional
size	logo size in px (default 40)	required
gap	gap between logos (default 24px)	required
greyscale	render greyscale until hover (default true)	required
bg	strip background colour (default transparent)	required
align	flex-start (default), center, flex-end	required

Example payload

{
  "type": "workspace_logo_strip"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:workspace_logo_strip",
  "displayName": "Workspace Logo Strip",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/workspace_logo_strip/",
  "capabilities": [
    "web",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps",
    "android"
  ],
  "description": "Horizontal strip of Google Workspace product logos. Greyscale by default, restores colour on hover.",
  "representativeQueries": [
    "show a horizontal strip of Workspace logos",
    "horizontal strip of google workspace product logos. greyscale by default, restores colour on hover.",
    "render a workspace logo strip"
  ]
}

← Full ARD catalog

Deploy your own Google Apps Script renderer

The renderer is an open-source Google Apps Script web app. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy

Full deploy guide →