Per founder review of console.openova.io/sovereign/provision/<id>, seven
component tiles in the wizard's StepComponents grid were rendering with
backplates that fought their canonical brand artwork — three were
literally invisible (Matrix black-on-black, Sigstore navy-on-navy, Tempo
non-square asset distorted on landscape backplate). This batch replaces
each surface with the project's documented brand backplate AND, where
the asset itself was the bug, swaps the vendored mark for the canonical
upstream artwork.
Changes (slug · old → new bg · evidence source):
- alloy · #FF671D orange → #FFFFFF white
Replaced wordmark SVG with grafana.com/media/oss/alloy/alloy-logo.svg
(44x44 icon-only swirl, #FD6F00 on transparent — the form Grafana uses
in their hero strip). Old asset had a white wordmark that vanished
against any cream/grey/white tile.
- flink · #430A1D plum → #FFFFFF white
flink.apache.org renders the multi-colour squirrel on a white body bg.
- litmus · #FFFFFF white → #878EDE periwinkle
Litmus's CNCF artwork bakes a #878EDE rectangle as the icon's own
backplate. Extending that to the tile makes the logo sit flush with
zero seam, per founder direction.
- matrix · #000000 black → #FFFFFF white
matrix.org/branding declares official colours as #000000 + #FFFFFF;
vendored SVG fills #000 on transparent — a black tile rendered the
mark fully invisible.
- ntfy · #FFFFFF white → #348878 deep teal
Replaced ntfy.png with the canonical 50x50 SVG from ntfy.sh
(linear gradient #348878 → #56bda8). Tile bg matches the gradient's
start so the deep-teal corner is flush with the surrounding surface.
- sigstore · #2E2B70 deep navy → #FAF7EF cream
Sigstore brand guide ships a "cream" canonical surface
(sigstore/community/artwork/sigstore/icons/cream uses #faf7ef).
Vendored SVG is monochrome navy #2e2f71; navy-on-navy was invisible.
- tempo · #0B0F19 dark → #0B0F19 dark (unchanged)
Replaced 800x108 landscape PNG with grafana-tempo.svg (canonical),
re-framed to a square viewBox `0 -11.34 121.85 121.85` so it renders
centred in the square tile without object-fit distortion. Surface
unchanged — grafana.com hero treatment is the warm-gradient mark on
near-black.
Asset replacements:
- products/catalyst/bootstrap/ui/public/component-logos/alloy.svg
→ grafana.com/media/oss/alloy/alloy-logo.svg (icon-only, 44x44)
- products/catalyst/bootstrap/ui/public/component-logos/ntfy.svg (new)
→ ntfy.sh/_next/static/media/logo.077f6a13.svg (canonical 50x50)
Old ntfy.png removed; logoUrl override dropped so default <id>.svg
resolves to the new SVG.
- products/catalyst/bootstrap/ui/public/component-logos/tempo.svg (new)
→ grafana.com/static/assets/img/logos/grafana-tempo.svg with viewBox
re-framed to a square (icon centred vertically). Old tempo.png
removed; logoUrl override dropped.
Verification:
- 198 vitest tests pass (`npm test`).
- TypeScript build clean (`npm run typecheck`).
- Per-tile 1440px screenshots captured via Playwright MCP at
/home/openova/repos/openova-private/.playwright-mcp/logo-fix-batch-2/
including a full-grid before/after at grid-full-after-fix.png.
Co-authored-by: hatiyildiz <hatice.yildiz@openova.io>
ca5713d7bb
