Outils · Création et prototypage

Neumorphism.io

Générateur d’ombres pour interfaces néomorphiques, avec réglage de la couleur, de la forme et du relief.

Visiter neumorphism.io (nouvelle fenêtre)

Neumorphism.io génère du code CSS pour créer des éléments d’interface néomorphiques, un style fondé sur des ombres douces qui donnent l’impression que les éléments sont extrudés ou enfoncés dans leur support.

On règle la couleur de fond, la forme (plate, concave, convexe ou enfoncée), la taille, le rayon, la distance de l’ombre et son intensité, puis on copie le code CSS obtenu. L’outil s’utilise gratuitement dans le navigateur, avec un aperçu qui se met à jour en direct.

Il sert à tester rapidement des boutons, des cartes ou des champs de formulaire dans une maquette. Le néomorphisme pose des questions de contraste et d’accessibilité, car les bords peu marqués rendent les éléments difficiles à distinguer. Le générateur aide à calibrer les ombres mais ne traite pas ces effets sur la lisibilité.

Dans la même rubrique