UI Freebies

Organic Food App UI Kit Free ⬇️ Download here: https://uifreebies.net/ui-kits/organic-food-app-ui-kit

Bankee Finance UI Kit Free ⬇️ Download here: https://uifreebies.net/sketch/bankee-finance-ui-kit

Finance Free PSD UI Kit ⬇️ Download here: https://uifreebies.net/ui-kits/finance-free-psd-ui-kit

Personal Portfolio Web Free ⬇️ Download here: https://uifreebies.net/figma/personal-portfolio-web

⬇️ Download here: https://uifreebies.net/sketch/awesome-travel-booking-app

⬇️ Download here: https://uifreebies.net/adobe-xd/neumorphic-clock-ui-kit-free

Revkit is design system UI Kit for busy designers. Free forever for your commercial and personal projects. ⬇️ Download here: https://uifreebies.net/ui-kits/revkit-design-system-ui-kit

🔽 Download here: https://uifreebies.net/ui-kits/tetrisly-design-system-free

Make it a setting Allow users to switch from light to dark mode when they want it. You can perform automatic toggling between themes that depend on daylight conditions, but it also should be a setting. ▶️ Learn more: https://uifreebies.net

Perform tests in light & dark theme The perception of your solutions may be different depending on its theme. Prepare tests that will verify if the themes are well constructed. ▶️ Learn more: https://uifreebies.net

Follow platform guidelines Making a solution to feel natural on all platforms is a must. All major platforms prepared a specification that should help you bring dark theme (or mode) to life. ▶️ Learn more: https://uifreebies.net

Visualize hierarchy with elevation As you already know, shadows do not work so good in the dark theme. The better way to communicate hierarchy is to play with the brightness of elevation. Background surface should be the darkest of all. Elements that lays on the top of it should become slightly lighter. Thanks to this technique User Interface is naturally perceived by users. ▶️ Learn more: https://uifreebies.net

▶️ Learn more: https://uifreebies.net

Remember about accessibility in dark mode There are specific guidelines for dark themes to be applied if you would like to make the solution more accessible. The most important one is the following: the contrast level between body text and the background should be at least 15.8:1. ▶️ Learn more: https://uifreebies.net

Make two color palettes – for light and dark mode In the tip above, I mentioned that desaturated colors work better for the dark theme. On the other hand, we all love vibrant tones in light user interfaces. ▶️ Learn more: https://uifreebies.net