The interface section update

user-guide/the-interface/index.njk

@@ -21,11 +21,12 @@ title: 02· The interface
   <strong>3)</strong> Projects
   <strong>4)</strong> Drafts
   <strong>5)</strong> Shared Libraries
-  <strong>6)</strong> Pinned projects
-  <strong>7)</strong> User area
-  <strong>8)</strong> Comments notification
-  <strong>9)</strong> Create project
-  <strong>1)</strong> File card
+  <strong>6)</strong> Custom fonts
+  <strong>7)</strong> Pinned projects
+  <strong>8)</strong> User area
+  <strong>9)</strong> Comments notification
+  <strong>10)</strong> Create project
+  <strong>11)</strong> File card
 </p>
 
 <ol>
@@ -34,6 +35,7 @@ title: 02· The interface
   <li><strong>Projects:</strong> A project allows you to group design files. It works pretty much like a folder in a file system. You can create as many projects as you need. If you are going to work with more people in a project, you should create it inside a team.</li>
   <li><strong>Drafts:</strong> The drafts section is where you can find the design files that are not inside any project.</li>
   <li><strong>Shared Libraries:</strong> In this section you will find all the design files that have been added as shared libraries. That way you will be able to better control the files that are sharing their assets. </li>
+  <li><strong>Custom fonts:</strong> If you have purchased or personal fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team.</li>
   <li><strong>Pinned projects:</strong> If you want to keep some projects handy (for instance because you’re currently working on them) you can pin them to make them show at the sidebar.</li>
   <li><strong>User area:</strong> This must be you! Change your profile, password or change the language from the settings. You can also find here a way to leave us feedback. We’d love to read your thoughts :)</li>
   <li><strong>Comments notifications:</strong> Here you will be able to see if you have unread comments inside the files of the team.</li>
@@ -62,9 +64,9 @@ title: 02· The interface
   <strong>7)</strong> Layers panel
   <strong>8)</strong> Assets panel
   <strong>9)</strong> History panel
-  <strong>1)</strong> Palettes panel
-  <strong>1)</strong> Prototype mode
-  <strong>1)</strong> Object properties
+  <strong>10)</strong> Palettes panel
+  <strong>11)</strong> Prototype mode
+  <strong>12)</strong> Object properties
 </p>
 
 <ol>
@@ -94,27 +96,29 @@ title: 02· The interface
 </p>
 
 <p class="hint">
-  <strong>1)</strong> Frames view toggle
-  <strong>2)</strong> Frames counter
-  <strong>3)</strong> Play mode
-  <strong>4)</strong> Comments mode
-  <strong>5)</strong> Code mode
-  <strong>6)</strong> Interactions settings
-  <strong>7)</strong> Share link
-  <strong>8)</strong> Edit file (back to workspace)
-  <strong>9)</strong> Zoom
-  <strong>9)</strong> Fullscreen mode
+  <strong>1)</strong> Pages selector
+  <strong>2)</strong> Artboards selector
+  <strong>3)</strong> Artboards counter
+  <strong>4)</strong> Play mode
+  <strong>5)</strong> Comments mode
+  <strong>6)</strong> Code mode
+  <strong>7)</strong> Interactions settings
+  <strong>8)</strong> Zoom options
+  <strong>9)</strong> Full screen
+  <strong>10)</strong> Share prototype options
+  <strong>11)</strong> File edition
 </p>
 
 <ol>
-  <li><strong>Artboards toggle:</strong> Opening the frames view displays a list of the artboards with thumbnails that provide a graphic overview of the file.</li>
+  <li><strong>Pages selector:</strong> Navigate through the pages of a file. If is a shareable link this can be configured.</li>
+  <li><strong>Artboards selector:</strong> Frames selector displays a list of the artboards with thumbnails that provide a graphic overview of the file.</li>
   <li><strong>Artboards counter:</strong> Artboards count and current position. </li>
   <li><strong>Play mode:</strong> Default presentation mode where you can also play with interactions.</li>
   <li><strong>Comments mode:</strong> Comments mode shows comments inside artboards and allows users to reply or add new ones.</li>
   <li><strong>Code mode:</strong> At code mode you can get design specifications such as object properties, measurements and distances. You can also get code snippets for styles (currently CSS only but more coming) and SVG markup. <a href="/user-guide/code-mode/">More about Code mode</a></li>
   <li><strong>Interactions settings:</strong> Select whether to highlight interactions active areas on click, all the time or not at all. <a href="/user-guide/view-mode/#viewmode-features">More about interaction settings</a></li>
-  <li><strong>Share link:</strong> Create a shareable link of the view mode to send it so developers, other designers or stakeholders can view the designs and access the code specifications regardless being at your team or even logged at Penpot.</li>
-  <li><strong>Edit file:</strong> Go back to the workspace.</li>
-  <li><strong>Zoom:</strong> Zoom options and shortcuts information.</li>
+  <li><strong>Zoom:</strong> Zoom options and info about their shortcuts.</li>
   <li><strong>Fullscreen mode:</strong> Activate or deactivate browser fullscreen mode.</li>
+  <li><strong>Share link:</strong> Create shareable links of the view mode to send it so developers, other designers or stakeholders can view the designs and access the code specifications regardless being at your team or even logged at Penpot.</li>
+  <li><strong>Edit file:</strong> Opens file edition at the design workspace.</li>
 </ol>