Field states

I had a design for a newsletter signup, but I wanted it to be a little more elaborate, so I designed the different stages and interactions.

The 5 states are:

1. Normal
2. Hover field
3. Focus (typing...)
4. Hover button
5. Confirmation