Build a neumorphic login page in 12 simple steps

delphine.coille_1353541's picture
delphine.coille_1353541
Blog Categories: 

The interface style known as neumorphic (a combination of skeumorphic and realistic design) has been gaining in popularity, and we'll see it being used more and more in 2020.

One important aspect of neumorphism is about selecting the proper color palettes, and 3 shades of the same color are required for this.

  1. Light Shadow should be done by using a light color. For example, rgba(255,255,255,1),
  2. The Main background and Element color should be in the mid-range. For example, rgba(235,245,252,1) for the background and element,
  3. Dark Shadow should be done by using a dark color. For instance, rgba(0,0,0,0.1).

Based on that, Bishal followed 12 simple steps to implement a login page using the Bonita UI Designer, inspired by https://neumorphism.io/.

You want to know more about it ? Read the full article from Bishal .

Notifications