Text Blocks are a fundamental component of any brand’s visual identity and Brand Guidelines. They ensure that all written communications are consistent while reinforcing the overall brand image. This article will provide you with a simple guide on how to use the Text Block built using the new Brand SDK technology.
Open to your Brand Guidelines, and in Edit mode, add the Text Block.
Styling & Formatting
The revamped Text Block offers new possibilities to style your content easily; here are some ways to make your edits quickly.
When pasting from external sources, the Text Block keeps the formatting of the original text. This allows you to quickly copy information from other documents and create a single source of truth while keeping your brand’s identity intact.
On the sidebar, you can choose the number of columns you would like to format your text in, easily adjusting the layout of your text.
Rich text editor capabilities
We’re also offering rich text editor capabilities for the Text Block. These functions open endless possibilities to format your text and enrich it for better understanding and advanced options. In the next section, you can read more about the specific functions.
Choose from predefined typefaces: you can select your brand’s typefaces directly when editing the text, applying the hierarchies set up for your Brand Portal.
Decide on the usage of formatting options such as bold, italics, underline, strikethrough, and links, including dynamically linking to other Guideline pages, buttons, and code snippets in Text Blocks.
Adjust your text’s alignment and define the style of lists. Decide how lists will be formatted in text blocks. This could include bullet points, numbered lists, or a checklist.
Erase all text formatting.
Shortcuts
Type - followed by space to create a bulleted list.
Type 1. or 1) followed by space to create a numbered list.
Type [] followed by space to create a checklist.
Type ** on either side of your text to add bold mark.
Type * on either side of your text to add italic mark.
Type _ on either side of your text to add underline mark.
Type ~~ on either side of your text to add strikethrough mark.
Type ` on either side of your text to add inline code mark.
Type # followed by space to create an H1 heading.
Type ## followed by space to create an H2 sub-heading.
Type ### followed by space to create an H3 sub-heading.
Type #### followed by space to create an H4 sub-heading.
To add punctuation, use ...
-- to convert to —.
... to convert to ….
>> to convert to ».
<< to convert to «.
To add arrows, use ...
-> to convert to →.
<- to convert to ←.
=> to convert to ⇒.
<= and ≤= to convert to ⇐.
To add legal trademarks, use ...
(tm) and (TM) to convert to ™.
(r) and (R) to convert to ®.
(c) and (C) to convert to ©.
To add sub- and superscript, use ...
~ followed by a number or symbol to subscript.
^ followed by a numbor or symbol to superscript.
To add fractions, use...
number/number to convert 1/3 (consider fractal signs)
In case you have any further questions, please don't hesitate to contact our support team.
We hope you have found this article helpful.