Design Philosophy
A tactile interface language built on physical depth and choreographed motion.
Elements respect a physics-based hierarchy. Inputs are concave (recessed into the page via inner shadows), while buttons are convex (elevated above the page). This creates an intuitive "press" versus "fill" affordance.
Transitions mimic real-world lighting. When an element is engaged, the shadow (depth) shifts over 0.15s while the element itself moves over 0.2s, both at once, creating a subconscious sensation of the element physically lifting or sinking.
Color is never purely decorative. The Electric Blue primary is reserved for active states, while Green and Red are exclusively mapped to success and error validation states to prevent cognitive load.