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

[STYLING/DESIGN] Styling V2 #70

Open
VeckoTheGecko opened this issue Feb 24, 2023 · 6 comments
Open

[STYLING/DESIGN] Styling V2 #70

VeckoTheGecko opened this issue Feb 24, 2023 · 6 comments
Labels
coding Change that requires coding design Change that requires creative skills enhancement New feature or request for the website help wanted Extra attention is needed 🔴low priority A low priority feature

Comments

@VeckoTheGecko
Copy link
Collaborator

Describe your suggested improvement
The site in its current form is visually ok, but not fantastic.

If someone has some creativity to spare, it would be great to breathe some new life into the website.

Describe the benefit
Makes the site look more appealing and legitimate.

Would you be capable/willing to implement the improvement?
No. This is beyond me (and my mostly analytical skills) 😅

Additional comments
Please discuss here (or in Discord) about your proposed styling. Prototype in a Figma board, so that people can give feedback before commiting to a design. Figma mockup and actual implementation (in Tailwind) don't need to be done by the same person.

@VeckoTheGecko VeckoTheGecko added the enhancement New feature or request for the website label Feb 24, 2023
@VeckoTheGecko
Copy link
Collaborator Author

Related to issue #28

@VeckoTheGecko VeckoTheGecko pinned this issue Feb 26, 2023
@VeckoTheGecko VeckoTheGecko added help wanted Extra attention is needed coding Change that requires coding design Change that requires creative skills labels Feb 26, 2023
@VeckoTheGecko VeckoTheGecko added the 🟢high priority A high priority feature label May 8, 2023
@dmlb
Copy link
Contributor

dmlb commented May 17, 2023

When selecting colours for the re-design consider contrast levels:
Screen Shot 2023-05-17 at 4 44 38 PM

And dark modes user-prefers queries

@VeckoTheGecko
Copy link
Collaborator Author

Just curious, the cards are low contrast with the background to give a sublte card vibe. Is that considered bad practice? (and whats the fix?) Or are these contrasts mainly for text on background?

@valdelaseras
Copy link

Disclaimer: I'm not a UX designer ( web dev who works with UX a lot though )

I believe low contrast is generally not a great practice, unless the content it concerns is meaningless / trivial. When it comes to sufficient contrast, the main concern is text vs background. However, there's an argument to make that the "flow" of the UI should be clear ( and is definitely not trivial ) as visually impaired people, for instance, may have a harder time navigating a UI like that.

I think it's better to build for optimal usability first, then reassess your design and make some smart stylistic choices if you feel you still need it after.

@VeckoTheGecko VeckoTheGecko added 🔴low priority A low priority feature and removed 🟢high priority A high priority feature labels Jun 14, 2023
@VeckoTheGecko
Copy link
Collaborator Author

I think the styling at the moment is good. If someone has an idea for a revamped site, please comment below (including a Figma design) and we can re-open.

@dmlb Feel free to open a new issue for contrast issues if you'd like

@VeckoTheGecko
Copy link
Collaborator Author

@razpt from the Discord server has suggested a Figma redesign in this Discord thread. Follow there for more information. Re-opening to explore this avenue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
coding Change that requires coding design Change that requires creative skills enhancement New feature or request for the website help wanted Extra attention is needed 🔴low priority A low priority feature
Projects
None yet
Development

No branches or pull requests

3 participants