Hamburgers, sandwiches, menus, snack bars… Wait a minute. This post is about Navigation! Your users need it to locate specific features and content on your website or in your app. It seems simple on the surface, but it’s not that simple when you want to build a very efficient user experience in your product or website.

In this post, you can find the most efficient navigation patterns and the best ways to apply them to your product or website.

Nightfall is designed to make your design and development process much faster and delightful.

It consists of 50+ templates covering 10 different topics for most of the cases that mobile apps have.

Each template consists of components based on the atomic design concept. So you can change everything from small details like icons and colors to complex components like cards and navigation. You can change it all and build your own app in days.

Nightfall supports latest trends in navigation and organization of mobile screens. Also, it’s based on iOS 12 guidelines and even iOS 13 rumors. So you have everything to build dark mode mobile apps already now.

It is supported by regular updates and it works like magic. You don’t need to download a new version each time. Right after the purchase, you'll be invited into the project in the Sketch Cloud, and you’ll get the updates right in Sketch.

Features Overview. Ready to use templates. Just take and change it for your app needs.
 Clean organization of templates and components.

Style guide with guidelines to design your apps using Nightfall system.
 Icons pack with different weights.

Selection of colors that work well in dark mode apps.
 Assets collection that includes a random background image, user pics, covers, maps. All of it looks amazing on dark apps.

All Responsive.

50+ Templates.

10 Categories (content, maps, mail, calendar, messages, profile, system screen, music, and podcasts, log in / sign up).

330+ Components.

200+ Atoms. 90+ Molecules. 40+ Organisms.

120+ Icons pack.

Available for Sketch.

Yes, you probably right. Sorry for the typo. Hope you liked it anyway ;)

Thanks for the feedback.

Typeform rocks! :p

Will do in the next update. Thanks, Carlos.

Hey Jim, thanks for the feedback. I realize that I described the ideal case. I believe it's a struggle for almost every designer to deal with legacy systems, but eventually, we need to change things for the better, even if it's not a high priority task.

Thanks, Dan. That's a great idea! I'll add this info in version 2.0 of this article.