8000 feat(brand): Lens mark, favicon and app icons from the v1.0 brand kit by adeelahmad · Pull Request #138 · adeelahmad/lense · GitHub
[go: up one dir, main page]

Skip to content

feat(brand): Lens mark, favicon and app icons from the v1.0 brand kit - #138

Merged
adeelahmad merged 3 commits into
mainfrom
claude/lens-branding-7o6dlp
Oct 4, 2026
Merged

adeelahmad merged 3 commits into
mainfrom
claude/lens-branding-7o6dlp

Conversation

@adeelahmad
Copy link
Copy Markdown
Owner

Requested by Adeel · project thread

Description

Before: the app showed a four-dot signature and a blue "Lens Archive" wordmark over a colour bar, and the browser tab showed a generic outline icon.

After: the sidebar, public header, sign-in/setup cards and the 404 page show the Search Lens mark beside "Lens" (ink on light, white on dark), the collapsed sidebar shows the mark alone, and the assistant home greets you under the mark. The tab, home-screen and installed-app icons come from the brand kit (SVG + ICO favicon, Apple touch icon, Safari pinned-tab mask, PWA manifest with any/maskable icons, light/dark theme-color). User-visible "Lens Archive" text is now "Lens" (page titles, error page, embed iframe title, reports, backend IIIF site-label fallback).

Colours and DM Sans already matched the kit's tokens (#1A73E8 #EA4335 #34A853 #F9AB00, ink #202124), so tokens.css is unchanged apart from its header comment.

How: a new LensMark component (components/ui/lens-mark.tsx) carries the kit's vector paths with the exact brand fills; Brand and AuthBrand use it. app/manifest.ts serves /manifest.webmanifest; proxy.ts lets the icon, manifest and /pwa/ files through without a session.

Motivation and Context

Applies the Lens v1.0 brand kit Adeel shared in the project thread.

Screenshots (if appropriate):

Light and dark screenshots of sign-in, explore and the sidebar are in the project thread.

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change; ! in the title)

Checklist:

  • The title is a Conventional Commit.
  • My code follows the code style of this project (eslint, prettier, tsc clean).
  • I added or updated tests. (embed title and page-title tests; full jest suite 679/679)
  • My change requires documentation updates, and I have updated docs/ accordingly.
  • Users need more than the title to understand it, so I wrote it under ## Unreleased in CHANGELOG.md.

🤖 Generated with Claude Code

https://claude.ai/code/session_01VpnpsBH8Lt4JjwMmY76Xfq


Generated by Claude Code

Replaces the four-dot signature and the "Lens Archive" wordmark with the
Search Lens mark beside "Lens", and ships the kit's favicon, Apple touch
icon, Safari pinned-tab mask and PWA manifest icons.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VpnpsBH8Lt4JjwMmY76Xfq
@adeelahmad adeelahmad self-assigned this Oct 4, 2026
@adeelahmad
adeelahmad merged commit 2ae898b into main Oct 4, 2026
0 of 5 checks passed
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.

2 participants

0