feat(brand): horizontal logo lockup (mark + wordmark) - #5
Conversation
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>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Important Review skippedReview was skipped due to path filters ⛔ Files ignored due to path filters (4)
CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
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>
Adds a horizontal logo lockup variant to
assets/— the brand mark on the left, thehookli.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 installedassets/hookli-logo-horizontal.png— 1144×520 (2×)Uses the existing app-icon chip (
#151C27tile, cyan#61DAFBhook, white dot) and the banner's exact wordmark styling (74px / weight 650 /-2tracking, cyan full stop). Useful for README headers, GitHub social cards, and docs chrome.🤖 Generated with Claude Code