Inset тіні для чистого неоморфізму

Неоморфізм досі може виглядати сучасно, якщо уникати низького контрасту та надмірно м'яких стилів. Inset тіні — ключ до «натиснутих» станів і тактильних контролів.

Базовий принцип

Неоморфізм не про кількість blur, а про послідовний напрям світла.

Побудова контролів

Для кнопок, тумблерів і полів:

• Один світлий inset-край
• Один темний inset-край
• Стабільні radius і відступи

Модель станів

Опишіть явні стани:

• Rest
• Hover
• Pressed
• Disabled

У pressed-стані посилюйте inset і зменшуйте зовнішню тінь.

Доступність

Не покладайтесь лише на глибину. Додавайте зміну бордера, іконки або контрасту тексту, щоб стан був очевидним для всіх користувачів.

Результат

Поєднайте цей стиль з легкими градієнтами та помірним рухом. Інтерфейс буде тактильним, але не застарілим.