Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Updates
Design & Editing
In this guide:
Optimize your standards with tablet and mobile breakpoints. Add each breakpoint to automatically enhance the legibility of text, imagery, and layout grid. Edit each individually to fine tune the details.
Learn more about Responsive Optimizations
Choose from new dynamic menus optimized for each breakpoint. Build a sidebar on desktop, change it to a flyout on tablet, and a takeover on mobile. The entire menu system has been revamped with responsive scaling and maximum customization in mind.
Learn more about Navigation Menu
Sublayouts are a new element type that are simply layouts that can go within a column or menu. They enable endless grid variation, horizontal alignments of elements inside a column, and more.
Learn more about Layouts
As part of our new approach to grids, we’ve made some fundamental changes to a core element in standards: ‘Rows’. For starters, the name ‘Row’ has been renamed to ‘layout’ and will be referred to as such moving forward. Layouts were previously restricted to a single line with a fixed 12 column grid. Now each layout may use its own unique grid, and can dynamically wrap content onto multiple rows based on the width of the contents within.
Learn more about Layouts
Additional options are now available when starting a new project. Choose a menu style to start with, select which breakpoints to include, and if you start with the ‘Blank’ option the project will be truly blank with no text or color styles.
The top bar has numerous updates, including a simplified + menu where the add automation and component options are, the modes (edit, preview, content) are condensed into a single dropdown, and a new breakpoint dropdown has been added where new breakpoints are added and managed.
<aside> 💡
Tip: Quickly toggle through design, preview, and content modes with the H hotkey, and through your responsive breakpoints with the R hotkey.
</aside>
All projects created prior to 12.0 (August 7, 2025) will be required to migrate in order to edit and make updates. This migration is required due to the numerous systems that have been upgraded. It’s entirely automatic and all project settings, files, and appearance will be the same as it is prior to migration.
