Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Updates
Design & Editing
In this guide:
Collaborate in real time, set navigation for your project, add content and design to pages, create and manage re-usable Components, browse and upload Files, and share with a wider audience. If you're new to Standards, it may take some time to orient yourself when you first open the project editor. This guide will help you learn where to find different information within the editor so that you’re up to speed and ready to dive in.
Manage the high-level design structure of your project.
<aside> 💡 Tip: Adjust the size of the left sidebar by hovering over the edge and dragging it horizontally.
</aside>
Add content, manage visibility preferences, track changes, and publish your project.
Edit content & settings, manage styles & components, and browse the files in your project.
Add content, preview your design, edit text and set interactivity.
Pages in Standards are essentially the same as pages on any website, and should feel familiar to anyone who has basic experience designing digital experiences. Each page has a unique URL, and contains a grid layout for content made to scroll vertically inside a web browser.
This is the first page a viewer sees when they visit the project on its published domain. Each project must have at least one page, which naturally doubles as the home page. Multi-page projects must specify which page is the Home page. The home page is indicated by a house icon, and can be changed by selecting the three dot icon while hovering on a page in the left bar and selecting Set as home from the list of options.
Every page in standards starts with a 12 column responsive grid on Desktop + Tablet, and 1 column on Mobile. All content is added to the grid within two (2) additional organizational containers named Layout and Column. Layouts span across the width of the browser window and have a customizable grid. Columns span the grid within layouts and group content vertically
Learn more about Layouts and Grid
Each page has its own settings panel, which can be accessed by selecting the gear icon while hovering on a page in the left bar. Here you can customize the page URL, as well as the default background and text color.
Standards offers navigation functionality by allowing each project to include a Menu.