42 lines
2.3 KiB
Plaintext
42 lines
2.3 KiB
Plaintext
[ Redesign of Roject ]
|
|
- Dashboard, Groups and Projects will be removed as html
|
|
- Effectively there will be:
|
|
a) "/" ( one for not logged in, one for logged in )
|
|
b) "/edit"
|
|
|
|
When the user is not logged in, the dynamic roject svg will be shown.
|
|
|
|
Else the overview of the projects is shown.
|
|
|
|
[ UX Update ]
|
|
Every theme will be able to edit the project by hovering and clicking on it.
|
|
Member management and project deletion are button overlays that only appear on the left side of the element.
|
|
On top left there will be an circle with an X for deletion, on bottom left there will be an icon for member management.
|
|
|
|
[ Different themes ]
|
|
The styling/themes of the entry point/project list will change dynamically everyday (or when the user clicks a button).
|
|
There will be one styling that matches the roject logo, which will be used when the user chooses to not have different themes.
|
|
The themes should be a little bit an interactive journey, with a strong focus on flash websites from around 2008-2010.
|
|
They will have big, bold fonts, strong colors, a lot of animations. We will create the themes one by one together.
|
|
We would start with two: The default one and the italic-neon one.
|
|
|
|
|
|
[ Default Theme ]
|
|
The default theme uses Barlow as font-family. Every project has one color that is chosen automatically.
|
|
It has one rounded rect left and the title is written in uppercase Barlow Bold Italic.
|
|
A mock is here: workspace/_assets_/themes/default.svg
|
|
|
|
[ Italic Neon heme ]
|
|
The theme uses Barlow as font-family. Every project has one color that is chosen automatically.
|
|
It has one procedural icon on the left and the title is written in uppercase Barlow Bold Italic.
|
|
Every element has a background skewed rounded rect that has a slight gradient from warmer to colder color from left to right.
|
|
The icon is a skewed rounded rect with a glow. Inside is a black skwed rounded rect and on top
|
|
there are 1-8 white skewed circles, which can be a third high/wide and can be placed to form a symbol/glyph, mainly non overlapping
|
|
with strong geometric relations, symmetry prefered.
|
|
A mock is here: workspace/_assets_/themes/italic-neon.svg
|
|
|
|
|
|
For both description try to use the information from the image, because the text can have missing information. For instance the colors
|
|
vary slightly in Italic Neon from warm (hue towards yellow, less satur, brighter ) to cold (hue towards blue, more satur, darker )
|
|
|