Imperator Design
The library

Techniques, not templates

Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.

1 / 3

Button Hierarchy for Clear CTAs

This technique establishes visual hierarchy among multiple buttons using filled, outlined, and ghost styles. It guides the user's eye to the most important action by designating only one primary (filled) button per view.

cssui/uxhierarchydesignbuttoncall-to-action
2 / 3

Light-Catching Card Edges

Transform a flat bordered card into a premium, three-dimensional element by faking light interaction, using an inset highlight and layered drop shadows instead of a simple outline.

cssui/uxdesignbox-shadowborder3d effect
3 / 3

OTP Input with Focus Style

A clean, responsive OTP (One-Time Password) input component featuring individual boxes with distinct focus styling, built purely with HTML and CSS.

csslayoutforminputdesignfocus