E4C4
Skip to content

site: UHP header logo and favicons - #35

Open
kuanzema wants to merge 1 commit into
mainfrom
codex/uhp-site-logo
Open

site: UHP header logo and favicons#35
kuanzema wants to merge 1 commit into
mainfrom
codex/uhp-site-logo

Conversation

@kuanzema
Copy link
Copy Markdown
Contributor

Replaces the placeholder blue "U" mark in the spec-site header with the approved UHP logo, and adds the site's first favicons. Raster only β€” no SVG.

Header

  • Two PNG marks stacked in a fixed 30Γ—30 box (.brand-mark), the correct one shown per theme via visibility (no flash, no layout shift). Light surface β†’ dark-ink mark; dark surface β†’ white mark. Works across Auto (prefers-color-scheme), explicit Light, and explicit Dark; an explicit choice overrides the OS preference both ways.
  • Desktop: mark + "Unified Harness Protocol" wordmark. At ≀400px only the 30Γ—30 mark shows, via an explicit .brand-name{display:none} (replaces the fragile span:not(.mark) rule); the link stays labelled via aria-label.
  • Removed the old blue rounded-square / letter-U placeholder styles. Header stays 56px. No CSS filters used to recolor.

Favicons

  • Theme-aware 32Γ—32 PNGs (resized from the transparent marks) via prefers-color-scheme, plus a 180Γ—180 apple-touch-icon from the on-white mark. Root-absolute /assets/… paths resolve from every page depth. (Favicon media follows the OS only, not the in-page theme toggle β€” a browser limitation.)

Build

  • build.py now copies site/assets/ into dist/assets/ before the link/asset checker, which continues to pass.

Verification

  • bash protocol/site/build.sh builds 20 pages + schema; internal link/anchor/asset checker passes.
  • Canonical assets retain their expected SHA-256; favicon files serve 200.
  • Visual checks at 1440Γ—900 and 390Γ—844 in Light, Dark, and Auto (both OS preferences): desktop shows mark+name, mobile 390 shows only the mark, correct variant per theme, sharp, no layout shift, header 56px.
  • robots.txt, sitemap.xml (20 URLs), and canonical metadata unchanged.

Not for merge/deploy until the visual preview is reviewed.

πŸ€– Generated with Claude Code

Swap the blue "U" placeholder for the approved UHP mark: two raster PNG
variants stacked in a fixed 30x30 box, with the correct one shown per theme
(dark-ink mark on light surfaces, white mark on dark) across the Auto, Light
and Dark states β€” toggled by visibility so there is no flash or layout shift.
Desktop keeps the mark plus the "Unified Harness Protocol" wordmark; at <=400px
only the mark shows, via an explicit .brand-name rule, with the link labelled by
aria-label. Add theme-aware 32x32 PNG favicons and a 180x180 apple-touch-icon,
and copy site/assets into the build so /assets/... resolves from every page.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel
vercel Bot commented Aug 26, 2026
Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
unified-harness-protocol Error Error Aug 26, 2026 6:54pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

0