Quick links

Standards FAQ

🔑 Sign in

🆕 Create account

💬 Chat on Slack

📩 [email protected]

🖥 Website standards.site

🐦 Twitter @standards_site

📷 Instagram @standards.site

Design & Editing

Editor overview

Preparing logo assets

Click & Hover Behaviors

Text

Media

Accessibility

Button

Dropdown

Sequence

Navigation Menu

Color

Components

Automations

Files & Downloads

Collaborative editing

Publish & share

Project settings

The Editor is a primary area of Standards that offers a comprehensive set of tools for design and publishing.

In this guide:


Overview

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.

editor-overview-02.png

Left sidebar

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>

Top toolbar

Add content, manage visibility preferences, track changes, and publish your project.

Right sidebar

Edit content & settings, manage styles & components, and browse the files in your project.

Page body

Add content, preview your design, edit text and set interactivity.


Pages

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.

Home page

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.

Layout

Every page in standards uses a 12 column responsive grid. The grid can be modified by adjusting the Margin, Gutter, and Max-width settings. All content is added to the grid within two (2) additional layout containers named Row and Column.

Rows span across all 12 grid-columns and group content horizontally.

Columns span between 1 and 12 grid-columns and group content vertically inside each Row

Settings

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.


Navigation

Standards offers navigation functionality by allowing each project to include a Menu.


Related Guides

Navigation Menu

Publish & share

Components

Automations

Files & Downloads

Color

Collaborative editing

Project settings