Elisa UI ideas/mockups

Here's some crude mockups for some ideas on how to improve Elisa's UI

Player Bar


The time bar can adjust itself as the window gets thinner. Eventually the bar can disappear and leave only the text. Finally in an extremely small window the bar and text can go away completely.


Note: I messed up the font sizes for these screens and the text looks a bit larger than it should be


If it becomes too thin, the buttons can go into another row and the cover art thumbs can be hidden.

Now playing view

[idea] No borders

Remove border and background color of sidebar and possibly of playlist too. The highlight color is used for the text instead of the background.


The sidebar can be reduced to icons if the window becomes too thin