From within the editor, select Text from the + menu in the top bar, or use the hotkey T.
Select a point in the project body by selecting between layouts, click + dragging within, or selecting a point inside a column.
Enter text content by typing in the container.

Text settings

While selecting a Text element, the right sidebar will display the available settings for styling both the text container and the text content itself.

Sizing

Controls the width and height of the text container.

Spacing

Adjusts the padding within the text container.

Text

Defines the style of the text content, such as the font family and weight, text size, leading, etc. Upload fonts, create or assign Text Styles, and control text justification and case in this section. The Responsive Scaling ****toggle ****causes text to automatically scale to fit different screen sizes.

Fill

Controls the color of the text content, as well as the background of the text container. Select Add media to display an image in the container beneath the text, or simply apply a background color to the text container. Lastly, you can edit the corner radius of the text container.

Stroke

Gives the option of adding a border to any sides of the text container.

Accessibility

Provides the ability to assign an HTML content tag to the entire text element layer. This data may be used by browsers and search engines to infer the hierarchy of text content without visual cues, and may effect how the text is displayed on screen readers or in other environments.

<aside> 💡 Tip: when setting text over a media background, use the Sizing settings to adjust the height of the container from Auto to Aspect Ratio and choose a preferred size.

</aside>

Text decoration

Double-click the text to highlight it and begin editing the text content. From this state, contextual UI appears allowing you to add a link, or apply styling to individual passages within the text content. The style options include text color, bold, italics, strikethrough and underline.

<aside> ⚠️ Note: Standards can only apply bold or italics if the corresponding font weight or style has been uploaded and assigned properly. For instance, if there is no italic font style uploaded to the project with the same family as the upright style, then the setting to italicize will have no effect.

</aside>

Fonts

Standards offers a small catalog of fonts available to choose from out of the box, as well as the ability to upload custom fonts for your specific brand.

Supported font formats

.woff (preferred)

.woff2 (preferred)

.otf

Related guides

Links

Editor overview

Files & Downloads