surface emboss tactile soft-ui control tactile utility dashboards soft segmented controls calm form surfaces need materiality without shine want subtle tactile depth on light themes glass and glow are too loud for the use case
Soft Emboss
Fetch snippet JSON:
curl https://webspire.de/snippets/surfaces/soft-emboss.json Click to feel the :active press — no JS needed
Background
Customize
Quick Start
<button class="soft-emboss rounded-full px-5 py-3 text-slate-700">Focus</button>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- Size
- 468 bytes · 16 lines
- Custom Properties
-
--emboss-bg--emboss-light--emboss-dark - Classes
-
.soft-emboss
surface emboss tactile soft-ui control
This leans into a quieter tactile material language. It is a better fit for calm tools and utilities than glow-heavy premium treatments.