Skip to content

feat(brand): horizontal logo lockup (mark + wordmark) - #5

Closed
devsaifmohamed wants to merge 3 commits into
mainfrom
feat/logo-horizontal
Closed

feat(brand): horizontal logo lockup (mark + wordmark)#5
devsaifmohamed wants to merge 3 commits into
mainfrom
feat/logo-horizontal

Conversation

@devsaifmohamed

Copy link
Copy Markdown
Owner

Adds a horizontal logo lockup variant to assets/ — the brand mark on the left, the hookli. wordmark on the right, on the Premium Dark ground (#0A0D12), matching the reference layout.

  • assets/hookli-logo-horizontal.svg — scalable; embeds Plus Jakarta Sans (like the banner) so it renders identically without the font installed
  • assets/hookli-logo-horizontal.png — 1144×520 (2×)

Uses the existing app-icon chip (#151C27 tile, cyan #61DAFB hook, white dot) and the banner's exact wordmark styling (74px / weight 650 / -2 tracking, cyan full stop). Useful for README headers, GitHub social cards, and docs chrome.

🤖 Generated with Claude Code

A side-by-side variant of the brand mark and the `hookli.` wordmark on
the Premium Dark ground — for README headers, social cards, and docs
chrome. SVG embeds Plus Jakarta Sans (same as the banner) so it renders
identically without the font installed; 2x PNG alongside.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 18, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
hookli Ready Ready Preview, Comment Jul 18, 2026 12:13am

@coderabbitai

coderabbitai Bot commented Jul 18, 2026

Copy link
Copy Markdown

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (4)
  • assets/hookli-logo-horizontal-transparent.png is excluded by !**/*.png
  • assets/hookli-logo-horizontal-transparent.svg is excluded by !**/*.svg
  • assets/hookli-logo-horizontal.png is excluded by !**/*.png
  • assets/hookli-logo-horizontal.svg is excluded by !**/*.svg

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 3ca65c57-08db-46b6-9e64-e26d63ab0d8c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/logo-horizontal

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Same mark + `hookli.` lockup with the page ground removed — a fully
transparent canvas for compositing onto dark/mid surfaces. SVG (font
embedded) + 2x PNG.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The chip was 150px while the lowercase wordmark is only ~58px tall
(measured), so the mark dwarfed the text (~2.8:1). Size the chip to the
measured glyph band (60px) and center it on the baseline so mark and
wordmark read 1:1, matching the reference proportion. Applies to both the
solid-ground and transparent lockups (SVG + 2x PNG).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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