Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Design & Editing
In this guide:
Menus are elements that can be added to your project, and exist outside the document grid and max width. Additionally, Menus are disconnected from Pages, meaning that any changes to a menu will appear on all pages. Unique Menu designs per page are not possible. Menus are well suited for Buttons and Dropdowns as navigation, but can contain almost any element.
Menu tab at the top in the left sidebar.New menu just below the tabs.Menus currently support two different styles. These styles each have unique advantages, described below.
Sidebar
This menu style is well suited for large projects with many pages, subpages, and links. Sidebar menus can open & close, overlaying the page content, or they can persist open next to the page content, reducing the available grid area.
Flyout
This menu style is well suited for smaller projects with a smaller number of pages, and links. Flyout menus appear as an overlay above the page contents, and can open & close or persist open above the page.
<aside> 💡
Note: It is possible to switch between Menu styles at any point after creation.
</aside>
While selecting a Menu element, the right sidebar will display the available settings for styling the container. Keep in mind: the menu is a parent containing everything within.
Menus have a range of states that can be styled individually, or synced together. Both closed and open have rest and hover states.
Each state can have these settings altered independently from another, or synced together.