Note: These changes are currently only for Speakap Beta users. Not a Beta user? Don’t worry, we’re testing them to bring the best experience to everyone soon!
One of the improved options introduced by the redesign is the distinction between Network avatar and Network Logo. In this article we will explain what these new design elements are about and what it means for your logo.
Network Avatar
The Network Avatar is similar to the current logo. It will continue to appear in places like the login screen, and all of the other familiar locations.
Recommended minimum size
- Minimum size: 250px by 250px
Aspect ratio: Square or near-square, typical 1:1 aspect ratio.
You will note that these are the same specifications of the current logo.
What you need to do: Simply re-upload your existing logo as the network avatar. If you prefer to only show a section of the uploaded picture as your logo, simply use the built-in cropper tool. It’s already formatted to the correct shape, just select the area you want, and you're good to go!
Network Logo
The Network Logo is a new branding element. It will appear in the header of the platform.
Unlike the network avatar, the network logo must be rectangular in shape to fit the new design.
Recommended minimum size
- Width: 120px
- Height: 32px
- There is no limit for the maximum size but we recommend to not upload anything bigger than 20MB
File type
- We recommend using PNG for logos that need to be transparent
Best practices
- Aspect ratio: Maintain the proportional relationship between width and height to prevent distortion. The ideal aspect ratio is 15:4 (width to height)
- Preview your logo on various devices to ensure it appears sharp and appropriately sized
- In the settings, you can see what the logo will look like over the banner with your chosen color
What you need to do: Provide an appropriately formatted version of your logo for this placement.
If you prefer to only show a section of the uploaded picture as your logo, simply use the built-in cropper tool. It’s already formatted to the correct shape, just select the area you want, and you're good to go!
New Logos Settings
Where will you perform these changes to the network avatar and upload new materials for the network logo?
To update your network logo and the network avatar navigate to Network settings → Appearance → Theme → General.
In this page, at the top, you will see the option to toggle between the Original settings and the Redesign settings. This is because it will be possible to switch between the two for the initial period as both versions will be supported for a time.