[Design] As a designer, I want to explore layouts & styles, so I can prepare a UI framework for MINA dev tool - Githubissues

openmina / mina-frontend

mina-frontend is an Angular web application that is showing node's progress, logs and statistics.

Other

1 stars 0 forks source link

[Design] As a designer, I want to explore layouts & styles, so I can prepare a UI framework for MINA dev tool #1

Open lukasimrich opened 2 years ago

lukasimrich commented 2 years ago

Discovery UI & Style board

https://www.figma.com/file/qA8WKzr1f79jhM1gtmb213/Style-%26-Structure-Discovery?node-id=0%3A1

Creative Directions Exploration

https://www.figma.com/file/ZlqLulkxFQU2TofmD6wMf8/Concept-Discovery?node-id=347%3A49102

Selected Direction - Essential

UI Framework

https://www.figma.com/file/ZlqLulkxFQU2TofmD6wMf8/Mina-Concept?node-id=90%3A8020

Initial Design System

https://www.figma.com/file/yDy1s07l3HxihG3zo9aG5t/DS-Dark?node-id=0%3A1

TODOs

[x] Understand the use of the Mina brand
[x] Understand the use of colors/themes in Angular Material Design
[x] Understand the use of colors/themes in AM charts
[x] Explore Mina brand extensions
[x] Prepare UI Framework to accommodate future app needs
[x] Prepare a prototype showcasing use of brand and layouts
[x] Prepare an overview of creative directions

Next Steps - Refine Design System

Codify Colours according to Angular Theme
Refine Components and their Structure, think about templates and instances, when to use what - figma usability