Skip to content

Refresh the brand: brighter green and an AI sparkle in the logo and icon - #2682

Open
ejsmith wants to merge 10 commits into
mainfrom
feature/brand-green-logo
Open

ejsmith wants to merge 10 commits into
mainfrom
feature/brand-green-logo

Conversation

@ejsmith

@ejsmith ejsmith commented Oct 20, 2026 •

Copy link
Copy Markdown
Member

Refreshes the brand ahead of the new marketing site and docs screenshots. The logo used a darker green (#4b8e33) than the app's primary color (hsl(96 64% 46%), about #66c02a), so the logo now matches the app instead of the other way around. The logo and app icon also pick up a four-point AI sparkle, since Exceptionless is leaning into AI (Exie and the MCP server).

Changes

  • Logo (logo.svg, logo-dark.svg): the mark is now #66c02a (light) and #6bc72d (dark), and the dot over the i is a four-point AI sparkle, so the swoosh from the x ends in the sparkle. Two paths referenced gradients that were never defined (url(#prefix__prefix__a) and url()), so they now use explicit fills.
  • App icon: rebuilt as a vector (favicon.svg, exceptionless-icon.svg) from the original icon's E and tile shapes in MediaKit icon.svg, with the original glint replaced by a solid four-point AI sparkle cut into the E's top-left corner. The tile uses the new green and the E is dark: a white E on the brighter green is only 2.3:1 and hard to read at tab size; the dark E is 8.9:1.
    • app.html now links the SVG favicon, a 48px PNG fallback, and a new 180px apple-touch-icon.png.
    • wwwroot/favicon.ico has 16, 32, and 48px sizes, with the 16px sparkle placed by hand so it stays crisp.
    • The mobile navbar uses the SVG instead of exceptionless-48.png, which is removed from src/lib/assets. static/img/exceptionless-48.png stays (email metadata links to it) and is regenerated.
  • Email header logo (exceptionless-logo.png): regenerated from the new logo at 2x (470x100), so it stays sharp at its 235x50 display size on high-DPI screens.
  • Emails:
    • The primary color is now #66c02a, and buttons on it use dark text (#1a1a1a) for contrast.
    • Links use #3c7d18 so they stay readable on white.
    • PrimaryAction and ActionLink are removed, and footer action links use Link.
    • The red "Upgrade Plan" button keeps white text.
  • Slack: the attachment color is now #66C02A.

wwwroot/img/logo.png and wwwroot/img/exceptionless.png are unchanged because emails that were already sent link to them.

Testing

  • The Mailer tests pass (35) with the same diff on this base commit.
  • npm run check passes (0 errors); checked the favicon, Apple touch icon, and mobile navbar icon in light and dark.

🤖 Generated with Claude Code

The logo used a darker green (#4b8e33) than the app's primary color
(#66c02a), and two of its paths referenced gradients that were never
defined. The logo, favicons, and email header now use the app's green,
with #6bc72d on dark backgrounds.

Emails use the same green. Buttons on it use dark text for contrast,
and links use #3c7d18 so they stay readable on white. Slack attachments
use the new green too.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 20, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-20T05:30:10.992108Z 44531e5 New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

ejsmith and others added 8 commits October 19, 2026 23:23
A white E on the brighter green was hard to read at tab size (2.3:1).
The favicon and small logo now use a dark E (8.9:1), matching the dark
text used on green email buttons, and drop the old gloss and sparkle.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Keeps the dark E for contrast and restores the white sparkle from the
original icon.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The icon was a traced bitmap of the old glossy art. It is now a vector
built from the wordmark's E, with a clean four-point sparkle in the
top-left corner and a subtle green gradient.

- Add favicon.svg, keeping a 48px PNG fallback, and an Apple touch icon
- The legacy favicon.ico now has 16, 32, and 48px sizes, with the 16px
  sparkle placed by hand so it stays crisp
- The mobile navbar logo uses the SVG

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The sparkle sat apart from the letter, so it read as a stray mark. It
now glints off the E's top-left corner with a soft glow, and the 16px
version places it on the corner by hand.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The E now fills most of the tile, and a small sparkle glints off its
very top-left corner instead of covering the letter.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The previous redraw used the wordmark's narrower E. The icon now uses
the original icon's E and tile shapes from exceptionless/MediaKit
icon.svg, with the sparkle redrawn as a vector in its original spot at
the E's top-left. Colors are the new green with a dark E for contrast.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The thin-ray glint was hard to see at small sizes. The icon now has a
solid four-point AI sparkle cut into the E's top-left corner, where the
original glint sat, with a small gap so it reads as part of the mark.
The 16px version places the sparkle by hand.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The swoosh from the x now ends in a four-point AI sparkle instead of a
round dot, matching the sparkle on the app icon. The email header logo
is regenerated at 2x so it stays sharp on high-DPI screens.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@ejsmith ejsmith changed the title Use the brighter brand green for the logo, favicons, emails, and Slack Refresh the brand: brighter green and an AI sparkle in the logo and icon Oct 20, 2026
The gap around the sparkle used a gradient scaled to its own shape, so
it showed as a slightly darker outline against the tile. It now uses the
tile's gradient coordinates.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown

Code Coverage

Package Line Rate Branch Rate Complexity Health
Exceptionless.AppHost 23% 23% 128 ❌
Exceptionless.Core 78% 69% 10924 ✔
Exceptionless.Insulation 51% 43% 370 ➖
Exceptionless.Web 86% 71% 9237 ✔
Summary 80% (28336 / 35255) 69% (14025 / 20226) 20659 ✔

This branch has not been deployed

No deployments
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