Skip to content

Alternative version of the logo #406

Closed

Description

@CristianCantoro

I have a few issues with the current logo:

  • it is a little small
  • the fact that the C in "MathCAT" is the cat's tail is lovely, but not very readable
  • the transparent background does not work very well with dark background.

Here's how I see the logo on a browser with a dark background (left) and with a light background (right):

Image Image

So, I've created an alternate version of the logo. Full-disclosure, I have used ChatGPT starting from the original logo and arriving to what you see below after a few prompts. I cannot draw that well.

Here's the modifications:

  • I have simplified the style to make it cleaner and so that it works better in small size
  • I have moved the cat to the left and have the tail go around the writing "MathCAT" to make it more readable.

I have created two version with different colors, one with a black cat and brown outlines and the other with a brown cat with a black outline. The images are in PNG format.

Image Image

Activity

  1. NSoiffer commented on Sep 22, 2025

    @NSoiffer
    Collaborator

    I've long known the quality of the logo is horrible. You can see why it was a good choice not to become an artist :-)

    I tried playing with AI, but never found anything close to good. Your version are better than what I came up with, but they miss the "cute"/clever idea that the cat's tail forms the letter "C". Several people sort of volunteered to do a better logo, but they fizzled. My son's Christmas gift was to get an artist friend of his to do a logo for MathCAT. But after a bunch of back and forth with sketches that I didn't like, it has fizzled out and nothing has happened in four months. I should bug my son again to bug his friend. Here's the last iteration:

    Image

    I felt that the cat was too flat in color and needed some kind of shading. The tail is kind of weird and whiskers standout too much. Maybe you can feed that into whatever AI you are using. It's been almost a year since I last tried and it keeps getting better.

  2. CristianCantoro commented on Sep 22, 2025

    @CristianCantoro
    ContributorAuthor

    @NSoiffer wrote:

    I've long known the quality of the logo is horrible. You can see why it was a good choice not to become an artist :-)

    Same here, same here.

    I tried playing with AI, but never found anything close to good. Your version are better than what I came up with, but they miss the "cute"/clever idea that the cat's tail forms the letter "C". Several people sort of volunteered to do a better logo, but they fizzled. My son's Christmas gift was to get an artist friend of his to do a logo for MathCAT. But after a bunch of back and forth with sketches that I didn't like, it has fizzled out and nothing has happened in four months. I should bug my son again to bug his friend. Here's the last iteration:

    [...]

    I felt that the cat was too flat in color and needed some kind of shading. The tail is kind of weird and whiskers standout too much. Maybe you can feed that into whatever AI you are using. It's been almost a year since I last tried and it keeps getting better.

    I also find the idea of the cat's tail becoming the "C" cute, but it was making the original logo unreadable and I couldn't come up with a way to make it work, so I decided to move the cat all the way to the left. I have to say that the new version that you posted does it in a clever way that looks nice.

    Some unrequested comments:

    1. I think that a logo should be simple, so it should have few details and colors. This would allow it also to scale well for all sizes. For example, I would go for a simpler version of the cat (no whiskers?)
    2. Maybe with a simpler font that matching the style of the cat's tail works better?

    I don't want to use AI to take a way an artist's commission, so if you are working with an artist please continue doing so.

  3. ways2read commented on Sep 22, 2025

    @ways2read
    Member

    I edited Cristian's brown cat with MS Paint so that the cat's tail forms the letter "C".

    Image
  4. NSoiffer commented on Sep 22, 2025

    @NSoiffer
    Collaborator

    @ways2read: that's the best yet! I'll see if the artist wants to improve on that.

    @CristianCantoro wrote:

    I think that a logo should be simple, so it should have few details and colors. This would allow it also to scale well for all sizes. For example, I would go for a simpler version of the cat (no whiskers?)

    That's what my son said, but I thought it was boring. With you joining in, I'm getting out-voted...

  5. CristianCantoro commented on Sep 23, 2025

    @CristianCantoro
    ContributorAuthor

    Sorry, I couldn't resist and take another shot at this. So, first of all, one problem I had with the original logo (and in part with @ways2read's version) is that the C is not very clear. The tail should clearly look like a C.

    So, I tried to improve it, here's a version where the cat still has a thick tail:
    Image

    Then, I took inspiration from the artist's version above, that version has a couple of interesting features that make the C even clearer:

    • the cat needs to be a bit more to the right with respect to the word
    • the tail is long and thin

    Here's two versions, I liked the idea to have stripes on the tail, but I am not sure it's the best idea (again, simpler is better)

    Image Image

    The distance between the cat and the top of the letters needs to be adjusted.

    All in all, I think a human hand could make the necessary adjustments and redo the image in a vectorial format, so it scales at any size.

  6. NSoiffer commented on Nov 14, 2025

    @NSoiffer
    Collaborator

    This one is growing on me:

    Image

    I'll get my son and his artist friend to take a look at it. He's currently writing his PhD applications on top of his regular class work/research and is pretty stressed at the moment, so I'll wait for the Christmas break to push on him to offer up any changes.

    Thanks for working on this. It is definitely better than what I came up with!

  7. ways2read commented on Nov 14, 2025

    @ways2read
    Member

    I too think this is the best yet. The tail fits well with the text and also looks right on the cat. Good job!

    I also like this version of the cat. I will to experiment with placing this into the NVDA dialog to see how this scales down.

    Back in September I played with some different colorways, and also with text directions/placement. I don't think they worked so well, but I could add them for completeness.

  8. MartheGjelstad commented on Mar 13, 2026

    @MartheGjelstad
    Collaborator

    I also like this last one. I think it's clean, but not boring, and the tail fits well with the text :)

  9. ways2read commented on Jul 21, 2026

    @ways2read
    Member

    @NSoiffer showed a new logo at the DAISY conference in Oslo - was it the one in this issue? What are the thoughts on finalizing? A transparent background version would be useful. I can make one with 'remove background' but if there is the master editing file we can avoid this kludge.

  10. ways2read commented on Aug 6, 2026

    @ways2read
    Member

    The current logo appears in the NVDA addon dialog in the bottom left:

    Image

    Here is the same dialog with the newer design in the same place:

    Image

    And for comparison, same logo, different colourway:

    Image
  11. ways2read commented on Aug 6, 2026

    @ways2read
    Member

    Now here are some images each with 16 versions of the newer logo in different colours:

    colourful pastel shades:
    Image

    red, orange, yellow, green:
    Image

    green, blue, indigo, violet, grey:
    Image

    some more blue options:
    Image

    some grey options:
    Image

  12. 3 remaining items

  13. ways2read commented on Aug 8, 2026

    @ways2read
    Member

    I don't like that any better -- it's too dark. Also, the AI I used couldn't get the tail to be right. I asked to use a complimentary color to the daisy logo and it came back with something close to the original orange color: Image

    I like these two the best so far. I prefer the orange to the previous brown because it is more dynamic than a drab brown (opinionated) and the outline contrasts better.

    @NSoiffer do you have an original image file (possibly PNG with transparent canvas?) I can match this orange colour, strengthen the border, and show in place in the NVDA dialog and on a slide.

  14. ways2read commented on Aug 8, 2026

    @ways2read
    Member

    Comment from my colleagues who work with communication: The logo should also work if you use dark mode.

    Does that mean we provide a version with the MathCAT text in white (it is currently black)? Or perhaps there should be a white outline of the letters?

    screenshot of NVDA MathCAT preferences dialog with high contrast enabled. a blue cat is visble, but the black MathCAT text of the logo is invisible against the black background
  15. MartheGjelstad commented on Aug 10, 2026

    @MartheGjelstad
    Collaborator

    Question: Does that mean we provide a version with the MathCAT text in white (it is currently black)? Or perhaps there should be a white outline of the letters?

    Answer from my colleague: The most important thing it that the text is visible.

  16. ways2read commented on Aug 10, 2026

    @ways2read
    Member

    Question: Does that mean we provide a version with the MathCAT text in white (it is currently black)? Or perhaps there should be a white outline of the letters?

    Answer from my colleague: The most important thing it that the text is visible.

    OK. We can make a dark mode version of the logo. xwPython provides a built-in API to check the system setting via wx.SystemSettings.GetAppearance(). The logo can be chosen when the dialogue loads. It won't switch the logo if the mode is changed when the dialogue is already displayed, but that is acceptable IMHO.

  17. ways2read commented on Aug 10, 2026

    @ways2read
    Member

    Regular version of logo (more 'realistic', thicker outline, orange) and the same with white text and white outline for dark mode
    Image

  18. moved this from Triage to In progress in MathCAT Project Boardon Aug 11, 2026
  19. MartheGjelstad commented on Aug 13, 2026

    @MartheGjelstad
    Collaborator

    @ways2read , we showed this new logo in the working group meeting yesterday, and they all liked it. Would it be a job for you to replace the old logo with the new logo in every place the logo is used?

    The logo is used:

  20. CristianCantoro commented on Aug 15, 2026

    @CristianCantoro
    ContributorAuthor

    My 2cents: I think it is ok to have multiple versions of the logo (e.g. for light background, for dark background, etc.).

  21. ways2read commented on Aug 17, 2026

    @ways2read
    Member

    OK. I increased the resolution and smoothed the lumpy curves. I made three versions.

    1. regular orange cat with black outlines and MathCAT text on transparent background
    2. dark mode orange cat with grey outlines and MathCAT text, black facial features on a transparent background
    3. regular logo on a white square with rounded corners
    Image Image Image
  22. ways2read commented on Aug 17, 2026

    @ways2read
    Member

    Here is a slide with the graphic in place:

    Image
  23. ways2read commented on Aug 18, 2026

    @ways2read
    Member

    New logo in place in the NVDA MathCAT preferences dialog. Dark mode detection was not reliable, so if the luminance of the panel background is below 128 the logo is drawn with a slightly dark grey pill behind. This looks better than the dark mode variant of the logo, IMHO.

    Image Image
  24. NSoiffer commented on Aug 28, 2026

    @NSoiffer
    Collaborator

    The logo is live, so closing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

discussionRequires discussion to decide next steps

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions