I use a challenge-based app for workouts related directly to specific challenges and “adventures” as the base for UI workout and exploration of different, more visual-focused styling.

The original request came from an on-demand design platform as an actual submission for a paid gig. Working on more corporate environments, it is not often that I get the opportunity to experiment with more contemporary or impactful color-combinations and visual styling. I produce this layouts as a style exercise in order to test and experiment, to get more acquainted with these kind of design and in particular to hone more UI-driven skills.

The concept of the UI is an ultra-modern, somewhat sci-fi look and feel, with some elements of 80’s retrofuture styling, which together with 90’s early web design brutalism has been characterizing the more edgy contemporary design of the last five years or so.

The color palette is a dark-theme. For the highlights it uses a single point or a gradient that goes from a bright pink to an intense violet. All shades of grey that make up the base of the shapes and their separation, are very dark prune tones, and most very light colors are also very light lilacs, very close to white but not quite.

For the base typography I kept the system typography (San Francisco in the case of iOS) for simple reasons of legibility and availability. I chose Rubik for the titles for its squared shapes and sans rounded edges give it that modern feel that properly matched the concept of the UI while still being widely available (a Google font).