showcase · forms · component
Tactile Press Control
DRAFTAn embossed CSS control with physical press, keyboard activation, and readable contrast.
TapKeyboardCSS motionSoft Tactile
Physical control
Press plate
Embossed depth, a readable face, and a travel you can feel. Contrast stays above decoration.
Armed 0 times
390px · narrowlight themecomfortablefull motioncatalog shows a poster; this stage is the live implementation
Neumorphic depth without unreadable contrast. Light clay and dark graphite finishes. Disabled, pressed, and focus states are first-class.
- Use when
- CSS tactile button that should feel physical
- A settings or arming control needs press feedback without a library
- Avoid when
- Text links
- Icon-only toolbars without a visible label
- Visual style
- Soft Tactile
- States
- default, hover, focus-visible, active/pressed, disabled, narrow/mobile, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark