Looking to get that Dynamics Navbar Logo just right for your Dynamics 365 / PowerPlatform app? Today I’ll focus on how to get the dimensions of your logo just perfect, as well as providing a download link to my Photoshop PSD file so that you can alter for future projects.
Firstly, let’s have a look at the default logo that comes with Dynamics 365 April 2019 release.
Classic Interface Logo Details
145 pixels x 50 pixels
How it looks in Dynamics
LEFT: 7pxTOP: 17pxBOTTOM: 14pxRIGHT: 13px
You’ll notice that the margins aren’t squared off, with the left/right and bottom/top margins differing slightly. This is intentional so as to re-balance the line height to accommodate the letter ‘y’ within the Dynamics logo. This doesn’t matter so much for this exercise of building a new logo template. We just need the overall correct proportions and margins for our new logo, so with little margin correction we have the following settings:
With this we can now build a template for re-use in future. I’ve created this within Adobe Photoshop, but you could apply the above settings to whichever image editor you use.
PSD Template Details
Update_365lyf_NavbarLogoPSD.psd (Adobe Photoshop file)
How it Looks in Dynamics
Updated Margins (Recommended for Custom Navbar Logos)
LEFT: 10px (from default 7px)TOP: 15px (from default 17px)BOTTOM: 15px (from default 14px)RIGHT: 10px (from default 13px)
Interesting side note: Interestingly enough the new unified interface, does not use an PNG logo image by default, but rather a SPAN element with Segoe UI font saying “Dynamics 365” in 1.43em font size. This is irrelevant however if you plan on theming your portal with a custom logo.
Another interesting side note: You can actually use a SVG as a logo within Dynamics 365, which is great if you want maximum sharpness. However you must have a vector based logo, which may be a pain to convert within Adobe Illustrator if your source material is a rasterised image format.
So hopefully you found this quick tip useful. Let me know if there are other tips and tricks you’d like to see on this blog.