Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use a darker color for the fCC logo in the donation animation #54700

Open
huyenltnguyen opened this issue May 8, 2024 · 2 comments
Open

Use a darker color for the fCC logo in the donation animation #54700

huyenltnguyen opened this issue May 8, 2024 · 2 comments
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: UI Threads for addressing UX changes and improvements to user interface status: waiting triage This issue needs help from moderators and users to reproduce and confirm its validity and fix.

Comments

@huyenltnguyen
Copy link
Member

Description

I'm wondering if we should change the fCC logo to #0a0a23 in the donation animation:

Screenshot 2024-05-08 at 14 39 53 Screenshot 2024-05-08 at 14 41 07

That gives a better contrast against the orange/yellow background, and makes the logo stands out more.

Alternatively, we could keep the logo color as-is, but change the background to #0a0a23, which would match our branding.

@huyenltnguyen huyenltnguyen added scope: UI Threads for addressing UX changes and improvements to user interface platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. status: waiting triage This issue needs help from moderators and users to reproduce and confirm its validity and fix. labels May 8, 2024
@a2937
Copy link
Member

a2937 commented May 8, 2024

The white on black does fit really well and is our most recognized color combination. https://design-style-guide.freecodecamp.org/

@a2937
Copy link
Member

a2937 commented May 9, 2024

updated-patch update-patch-fly

Extremely rough impression of what they'd look like color-wise with our logo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
platform: learn UI side of the client application that needs familiarity with React, Gatsby etc. scope: UI Threads for addressing UX changes and improvements to user interface status: waiting triage This issue needs help from moderators and users to reproduce and confirm its validity and fix.
Projects
None yet
Development

No branches or pull requests

2 participants