Generatore di neumorfismi

Il Generatore di neomorfismo produce l'aspetto morbido ed estruso noto come neomorfismo o soft UI. Scegli una forma — piatta, premuta o convessa — e regola distanza, sfocatura e raggio degli angoli su un colore di sfondo, e lo strumento costruisce in diretta il CSS box-shadow corrispondente. Un'anteprima mostra esattamente l'aspetto dell'elemento, e un blocco di codice pronto da copiare contiene gli stili. Tutto avviene nel tuo browser.

1. Scegli una forma: piatta, premuta o convessa 2. Imposta il colore di sfondo in linea con la tua interfaccia 3. Regola gli slider di distanza, sfocatura e raggio degli angoli 4. Segui l'aggiornamento in tempo reale dell'anteprima 5. Clicca su Copia per prendere il CSS generato

Il neomorfismo funziona meglio quando elemento e sfondo condividono lo stesso colore, così le ombre si fondono in un effetto 3D morbido — scegli un colore di sfondo simile alla tua pagina. Piatta dà un aspetto rialzato, premuta fa affondare l'elemento verso l'interno, e convessa aggiunge un gradiente tenue per una sensazione arrotondata. Valori di sfocatura minori mantengono i bordi netti, mentre maggiori risultano più morbidi. Un raggio degli angoli maggiore arrotonda gli spigoli per una forma più amichevole.