GitBook: [master] 680 pages and 10 assets modified

SUMMARY.md

@@ -271,7 +271,9 @@
     * [Confluence Server](guides/rocket-chat-apps/atlassian/confluence-server-integration.md)
     * [Jira Server](guides/rocket-chat-apps/atlassian/jira-server-integration.md)
   * [Zoom](guides/rocket-chat-apps/zoom.md)
-* [Brand and Visual Guidelines](guides/brand-and-visual-guidelines.md)
+* [Brand and Visual Guidelines](guides/brand-and-visual-guidelines/README.md)
+  * [Logo](guides/brand-and-visual-guidelines/logo.md)
+  * [Typography](guides/brand-and-visual-guidelines/typography.md)
 
 ## API
 

guides/brand-and-visual-guidelines/README.md

+---
+description: Here you will find Guidelines about Rocket.Chat's Brand
+---
+
+# Brand and Visual Guidelines
+
+## Brand Positioning
+
+### Golden Circle
+
+![](../../.gitbook/assets/group-85.png)
+
+### Our Values
+
+![](../../.gitbook/assets/group-98.png)
+
+### Brand Product Personas
+
+![](../../.gitbook/assets/group-99.png)
+
+### Brand Idea
+
+![](../../.gitbook/assets/rocketscience-creates-magic.png)
+
+### Emotional Qualities
+
+![](../../.gitbook/assets/group-71.png)
+
+### Functional Qualities
+
+![](../../.gitbook/assets/group-87.png)
+
+### Features and Attributes
+
+![](../../.gitbook/assets/group-73.png)
+

guides/brand-and-visual-guidelines/logo.md

+---
+description: Here you will find Guidelines about Rocket.Chat's Logo
+---
+
+# Logo
+
+The logo is one of the main resources to identify Rocket.Chat. So, use it consistently and coherent is fundamental to strengthen the brand image.
+
+![](../../.gitbook/assets/01_logo.jpg)
+
+![](../../.gitbook/assets/02_logo.jpg)
+
+![](../../.gitbook/assets/03_logo.jpg)
+
+![](../../.gitbook/assets/04_logo.jpg)
+
+
+
+### Protection area
+
+The proximity to other elements can reduce the visual impact of the logo. When applying any of the versions, an area of non-interference around the logo must be protected, equivalent to at least 3 balls from our symbol.
+
+![](../../.gitbook/assets/05_logo.jpg)
+
+
+
+### Position in icons
+
+Whenever placing the Rocket.Chat symbol in circular or square formats, use the circle in the center of our symbol as a reference for centering.
+
+![](../../.gitbook/assets/06_logo.jpg)
+
+
+

guides/brand-and-visual-guidelines/typography.md

+---
+description: Here you will find Guidelines about Rocket.Chat's typography
+---
+
+# Typography
+
+The Rocket.Chat typeface family brings flexibility and recognition. Its primary function is to have a fluid performance in the digital medium. Its unique design also helps to highlight aspects such as modernity, technology and simplicity.
+
+![](../../.gitbook/assets/01_typo.jpg)
+
+
+
+![](../../.gitbook/assets/02_typo.jpg)
+
+
+
+![](../../.gitbook/assets/03_typo.jpg)
+
+
+
+### Type Scale
+
+We follow a 6px baseline grid for achieving a vertical rhythm on all block-level elements in the app.
+
+![](../../.gitbook/assets/04_typo.jpg)
+
+
+
+
+