The original PSD/Sketch version of the UI Kit was built having the Orange as the primary background image: https://www.invisionapp.com/now Since that is not the most usable case for a website, we made also the white background version. We just wanted to show to the users that it is very easy to go between the states and all the elements are working fine on white/orange background. Makes sense now?
Agree with Sujan, I found it very confusing too. At first glance it seems like the switch's 2 states are "Now UI Kit" and "White", which of course makes no sense. Only when I clicked it did I discover the other state.
I think you could add some space on the left side of the toggle and maybe show the "Orange" label there, or at least just add the space so it looks separated from the "Now UI kit" brand label.
But using a UI element to switch between two states that only shows one of those, exchanges the option it shows at the same place and is normally used to indicate on/off states is a bad choice.
It would make semi sense if left was "white", right was "orange" and switching the toggle to each side chooses what it says on that side.
Comments
That Toogle Button in the navbar for "White/Orange" makes no sense as an UI element.
The original PSD/Sketch version of the UI Kit was built having the Orange as the primary background image: https://www.invisionapp.com/now Since that is not the most usable case for a website, we made also the white background version. We just wanted to show to the users that it is very easy to go between the states and all the elements are working fine on white/orange background. Makes sense now?
Agree with Sujan, I found it very confusing too. At first glance it seems like the switch's 2 states are "Now UI Kit" and "White", which of course makes no sense. Only when I clicked it did I discover the other state.
I think you could add some space on the left side of the toggle and maybe show the "Orange" label there, or at least just add the space so it looks separated from the "Now UI kit" brand label.
Why it is there I understand.
But using a UI element to switch between two states that only shows one of those, exchanges the option it shows at the same place and is normally used to indicate on/off states is a bad choice.
It would make semi sense if left was "white", right was "orange" and switching the toggle to each side chooses what it says on that side.