Skip to content

feat: adopt brand logo lockup (ui#29 wave 2) - #7

Merged
rep0x merged 3 commits into
mainfrom
chore/brand-wave2-projects
Jun 21, 2026
Merged

feat: adopt brand logo lockup (ui#29 wave 2)#7
rep0x merged 3 commits into
mainfrom
chore/brand-wave2-projects

Conversation

@rep0x

@rep0x rep0x commented Jun 21, 2026

Copy link
Copy Markdown
Member

Tier 3 — in-app logo lockup

Adopts the shared <Logo label="…"> lockup from @mind-studio/ui 0.7.0 (shared weave mark + per-app wordmark in the brand serif) across all four of projects' primary brand wordmark surfaces. Each previously rendered a bare <Symbol> + a font-display text wordmark; they now render the unified lockup.

Surface File Context
Project app header src/components/Shell.tsx the standalone project masthead (Link href="/")
Workspace hub header src/components/WorkspaceShell.tsx apex owner hub; keeps the · {HUB_BRANDING.title} tagline as a sibling span
Apex chrome header src/components/RouterShell.tsx empty/launcher router shell header
Public landing header src/components/Landing.tsx anonymous marketing header; keeps the conditional · {brand.title} tagline

The wordmark is passed as label={profile.appName} so the deployment seam (the env-configurable app title, default "Projects") is preserved while gaining the shared mark and brand serif.

Out of scope (Tier 3 only): no favicon / manifest / OG generation.

Not churned (incidental <Symbol> glyphs — left as-is)

These are decorative glyphs, not the brand wordmark lockup, so they were deliberately left untouched:

  • Shell.tsx — "no project" / "no access" empty-state glyphs
  • RouterShell.tsx — empty-state glyph and per-project launcher card glyphs
  • chat/page.tsx — the assistant chat-bubble avatar and chat empty-state glyph

Test plan

  • npm run typecheck — clean
  • npm run lint — exit 0 (only pre-existing warnings, none in changed lockup code)
  • npm run test — passes (no test files; --passWithNoTests)
  • npm run build — succeeds, all 13 routes generated

Fraunces is already loaded via next/font (--font-fraunces) on the bump branch, so the <Logo> wordmark renders in the brand serif.

Wave 2 fan-out (Tier 3 only), pattern from drive#17.

🤖 Generated with Claude Code

rep0x and others added 3 commits June 21, 2026 16:00
Picks up the serif heading typography (Fraunces h1–h3), kbd mono, the
semantic state tokens, and the new weave mark (auto via <Symbol>) from
the design-system brand refresh.

Refs #29

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The app exposed no --font-fraunces, so ui 0.7.0's h1–h3 serif rule fell
back to system serif. Load Fraunces via next/font and expose
--font-fraunces on the document root to complete the chain.

Refs #29

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@rep0x
rep0x changed the base branch from chore/ui-0.7.0-brand-refresh to main June 21, 2026 16:10
@rep0x
rep0x merged commit abd156e into main Jun 21, 2026
1 check passed
@rep0x
rep0x deleted the chore/brand-wave2-projects branch June 21, 2026 16:12
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