kylelhk / Pictionary

CITS5505 Agile Web Development - Group Project
MIT License
1 stars 0 forks source link

Improve navbar styling and mobile device responsiveness #88

Closed kylelhk closed 2 months ago

kylelhk commented 2 months ago

Description and Expected Outcome

From the discussion on Teams:

The transparent hamburger menu makes things a bit hard to read. I think it would be nice if it was solid like the navbar. And maybe match the colour of the navbar.

The rainbow gradient in the logo, was really cool at first, but the more I look at it, the more it reminds me of 2000s PowerPoint, and it feels a bit too busy. If we want to keep it, I think it would look good in a monochromatic gradient that complements the navbar colour.

A unified font style would make things look a bit more cohesive as well. Like for the navbar and Home page. We can use a more rounded font style, like the rest of the text on the website. If instead we want these text to pop, I think something more similar to the text in the video of the login screen would look nice.

From PR #18:

One small suggestion I have is to consider making the navbar background a flat colour instead of a gradient, this is just a matter of personal taste, but I feel like it would make the other effects pop rather than clash with each other.

Other Information Proposed font style - "Komika Axis" (Reference: https://www.cdnfonts.com/komika-axis.font) image