Code Style·Pushed May 1, 2026·S
Logo and favicon aligned with editorial reference
The site logo now matches the editorial reference: Playfair Display at bold weight, muted color, text-only without the icon glyph, and brand links no longer underline on hover. A new SVG favicon completes the refresh.
The site logo had drifted from its editorial reference — it was using the wrong typeface, displaying an icon glyph that shouldn't be there, and picking up unwanted underlines on hover. All three issues have been corrected.
The logo now renders in Playfair Display (font-display) at bold weight 700 with muted text color, exactly matching the reference design. The pulse-mark icon that previously accompanied the wordmark has been removed. Brand links in both the logo and publication title have been updated to suppress underlines on hover, preventing the default behavior applied by globals.css from affecting the wordmark.
A new SVG favicon has been added: a rounded square in the primary background color featuring a minimal pulse-line glyph in feed-gold. The favicon is wired into the page metadata via the layout component.
The changes affect the TopBar header component and the site layout, ensuring visual consistency across the brand identity.
Technical description
This change corrects visual drift between the site header and the editorial reference design.
**Logo font and styling**
The [[code ref=3]]Logo[[/code]] component in [[code]]TopBar.tsx[[/code]] previously rendered with [[code]]font-feed-display[[/code]] (Spectral) in feed-gold, paired with a separate PulseMark SVG icon. The component has been simplified to plain text "Gitpulse" using [[code]]font-display[[/code]] (Playfair Display) at [[code]]font-bold[[/code]] weight with [[code]]text-muted[[/code]] color. The [[code]]PulseMark[[/code]] SVG component was removed entirely. The same font and weight updates were applied to the [[code]]PublicationTitle[[/code]] link.
**Hover underline suppression**
Brand wordmarks were picking up underlines on hover due to a default [[code]]hover:underline[[/code]] rule applied to all anchor tags in globals.css. The [[code]]className[[/code]] for both [[code]]Logo[[/code]] and [[code]]PublicationTitle[[/code]] now explicitly includes [[code]]hover:no-underline[[/code]], preventing underlines from appearing on brand links.
**Favicon**
A new [[code ref=2]]favicon.svg[[/code]] was created in [[code]]site/public/[[/code]]. The icon depicts a minimal pulse-line path on a rounded square background in the primary dark color, with the stroke rendered in feed-gold. The favicon is registered in [[code ref=1]]metadata[[/code]] via the [[code]]icons[[/code]] property in [[code]]layout.tsx[[/code]].
````svg
file=site/public/favicon.svg
svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
rect width="32" height="32" rx="6" fill="#0d0d0c"
path d="M3 16 H9 L11 9 L15 23 L17 16 H22 L24 11 L26 21 L28 16 H30"
fill="none" stroke="#b8860b" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" /
````
**Files at a Glance**
- [[code]]site/src/components/TopBar.tsx[[/code]] — Logo and title styling updates, PulseMark removal
- [[code]]site/src/app/layout.tsx[[/code]] — Favicon metadata registration
- [[code]]site/public/favicon.svg[[/code]] — New pulse-line SVG favicon
Categories
- Code Style (70%) — The core change is visual: font switching, color changes, removing the icon glyph, and adding a favicon. All modifications target the visual presentation of the brand identity.
- Bug Fix (30%) — The commit message explicitly says 'fix' — the logo previously used the wrong font family and included an icon glyph that wasn't in the editorial reference.