When I first built the motion system for the Ateş & Hamur concept, cards lifted, buttons responded and the navigation indicated the active section. Everything worked technically. Still, something was missing: movement was happening, but the surfaces had no convincing weight.
The problem was not the amount of movement. It was the timing and the shadow. A card that rises too quickly looks less like a physical surface and more like an effect switching on. A single hard shadow does not communicate distance either; it simply creates a dark outline around the element.
Timing before distance
I adjusted the response of both cards and buttons. Buttons rise by nine pixels and cards by fourteen, but the main difference comes from how speed changes during the movement. The beginning is controlled, the lift is clear and the return is allowed to settle. The pressed state remains short, so the interface does not feel sluggish; only the hover movement carries a heavier character.
I also separated the shadow into two layers. A short contact shadow describes how close the surface is to the page. A broader, softer ambient shadow creates depth as the element rises. The shadow no longer behaves like a glow or decorative effect. It becomes a consequence of the movement.
The navigation underline follows the same reasoning. Instead of appearing instantly, it grows from left to right beneath the relevant item and adds a small but understandable sense of direction. When the pointer leaves, the line contracts along the same path.
None of these details seems dramatic in isolation. Yet the character of an interface often lives inside these small durations, distances and transitions. Motion is not decoration placed above the content. It is a visual language that explains how surfaces behave.
Ateş & Hamur is an independent concept study created to explore the relationship between motion and atmosphere.