Merge pull request #508 from kinde-oss/fix/avatars

Fix/avatars

Author: oliwolff1

src/content/docs/design/brand/apply-branding-for-an-organization.mdx

@@ -112,6 +112,16 @@ Favicons are the tiny image shown on the tab of a browser. Image files must be a
 6. To remove a favicon, select the trashcan icon near the image.
 7. Select **Save** to apply the changes.
 
+## Add an avatar for an organization
+
+If your organizations manage their own profile or payment details via a [Kinde self-serve portal](/build/set-up-options/self-serve-portal-for-orgs/), you can upload an avatar to personalize the experience for organization members. An avatar is usually a simple logo.
+
+Avatars must be in SVG format, and be smaller than 5kb. They appears as a 36px square in the interface. 
+
+1. In Kinde, open the organization details and go to **Brand** in the menu.
+2. In the **Avatar** section, select **Upload image**. 
+3. Select **Save**.
+
 ## Set a light or dark theme
 
 1. In Kinde, go to **Organizations**.

src/content/docs/design/brand/global-brand-defaults.mdx

@@ -80,6 +80,16 @@ Favicons are small icons that appear on browser tabs. To add them to Kinde, they
 
 To change the favicon of an organization, see [Apply unique branding for an organization](/design/brand/apply-branding-for-an-organization/).
 
+## Add an avatar for your business
+
+To personalize you Kinde experience, add an avatar for your business to display your logo or preferred image in the Kinde user interface. For example, an avatar appears on the home page in the bottom left where you can access business and profile controls. 
+
+Avatars must be in SVG format, and be smaller than 5kb. They appears as a 36px square in the Kinde interface. 
+
+1. In Kinde, go to **Design > Global > Brand**.
+2. In the **Avatar** section, select **Upload image**. 
+3. Select **Save**.
+
 ## Set a light or dark theme
 
 1. In Kinde, go to **Design > Global > Brand**.