UI redesign

[albi005]

StartSCH needs a UI refresh that makes it beautiful and easy to use.

The new design should keep prioritizing functionality above form:

• Posts on the home page should stay in a single column, ordered by time.
• Posts in the list should take up as little vertical space as possible, so that the user can see as many posts as possible at the same time.

Inspiration

• https://news.ycombinator.com
• https://m2.material.io/design/material-studies/about-our-material-studies.html
• https://m3.material.io/foundations
  • https://m3.material.io/styles/color/system/overview
• https://github.com/SimonHalvdansson/Harmonic-HN
• https://wallet.google.com/wallet/home

Guidelines

• I'd like to keep the Material Design base:
  • Material color roles: https://m3.material.io/styles/color/system/overview
    • this means colors come from a theme instead of being hard-coded
    • there is a way to add custom color roles, for example if you need a success color: https://m3.material.io/styles/color/advanced/define-new-colors
    • Material You has a concept of content-based color schemes, which can be used to color things based on a scheme created from an image: https://m3.material.io/styles/color/dynamic/content-based-source
  • other helpful rules in Material Design, like spacings, elevation and typography

Design file

• https://www.figma.com/design/WIxm0rMsPoxRUHZ9Sh1hax/StartSCH?node-id=368-1217 (you can request to edit)