Karat UI Modals

We’ve shared some work that we’ve done with Karat in the past and now we’re excited to share more from our work with them.

Here’s an animation of a few UI Modals we created. These modals serve as a clear, engaging way to let the user know where they’re at in the process of achieving their results.

We chose to use grey as the “error” message that lets a user know that more information is needed from them. The grey compliments the blue, keeping to the website pallet, but contrasts the blue enough to catch the users attention with a directive.

As the page loads a users results, a unique icon appears which holds within it several other icons that give context to what the page is loading — essentially everything that Karat provides. We chose the bold Karat blue for this icon with various shades of blue within that compliment one another well.

You can check out Karats platform here!

We’re working on a lot of cool projects right now and will be sharing them here on dribbble so give us a follow to stay in touch with our newest designs!

Caviar
Creating Everlasting Impressions.
Get in touch

More by Caviar

View profile