Giving your team access to the right assets isn't enough to ensure consistency at scale. Your team members also need to know the correct way to use those assets. That's why we created Notes, a simple way to add contextual information to your design language.
To add a Note simply drag the Note icon from the Insert Panel and drop it into the precise location where you would like the Note to display. Then simply type away! Lingo's Notes support some limited formatting options described below.
If you want to move an existing Note to another location in your Kit simply grab the Note and move it to the new location. And finally you can delete a Note by selecting it and hitting "⌘ + Delete" or by deleting all the text in the Note.
Inline notes can be formatted using the symbols described below. You can also use keyboard shortcuts for some styles. While similar to Markdown, only the styles listed here are supported.
To add formatting, double click an inline note to begin editing. Remember this can only be done in the Mac app and you must have edit permission.
Add a number sign and one space before a line of text.
# Correct usage
Add two number signs and one space before a line of text.
## Things to consider
Add two asterisks around text to make it bold, or ⌘B.
Our type scale is designed for **clarity**...
Add a single underscore around text to make it italic, or ⌘I.
These assets should _only_ be used for...
Add two tildes around text to add a strikethrough.
For more info on this kit contact ~~Chace Lees~~ Diana Greer.
Add single back ticks around text to style it as code within a line of text. Note that larger code blocks are not currently supported.
You could define this as `let x = 0`
Add a single greater than symbol before a line of text.
> This will display as a blockquote
Hyperlinks will automatically be styled and clickable. Since some long links can be less attractive along side your beautiful assets you can hide them behind text of your choice.
Use the format [title] (url), or ⌘K
These assets are used on our [homepage](https://www.acme.com)
Prefix each line in a list with an asterisk (*) or hyphen (-) to make a bulleted list, or ⇧⌘U
* Marketing Materials
* Product Graphics
Prefix each line in a list with a number and a period to make a numbered list, or ⇧⌘U. You can use the same number for each item and they will be updated properly
1. Priority 1
2. Priority 2
To add a line for visual separation between text or assets, enter three or more dashes (
---) on a line by itself.
Displaying formatting symbols
In some cases you may want to display the special characters that are used to format notes such as * or _. Simply add a backslash
\ before any formatting character to disable its formatting.
Will display as: