User Interface Design for Lightning Viewer example

The User Interface (UI) Design for this project involves:

• Responsive design for mobile and desktop
• Interactive Prototype (mobile and desktop): variables were created to make functions like map type change possible.
• Design system: colours themes, components states, effects, and icons according the Qt's brand guidelines
• Library: Component sets, colour themes, variables
• Controls: Toggle Switch (with dropdown), Drawer Menu, etc
• Functions: map layers, map types, time and distance, notification alerts

On the course of this project it was developed also a general Design System for Qt Examples future projects where one can find colour themes (light and dark modes), gradients, glassy surfaces, drop shadow and neumorphic effects, shapes, app icon templates.

Also new icons were created especially for this project and included on the new icon library (link on comments).

Master bug report:
https://bugreports.qt.io/browse/QTBUG-116750