Do your modal dialogs include the application icon?

Modal dialogs, sometimes loosely called popups, can feel disconnected from the rest of your application. Adding the icon from your product logo to the header ties the dialog back to your branding.

It's a small detail, but one that makes your application feel more polished and consistent.

Benefits of including your product icon

• Connects the dialog to the rest of the application
• Reassures users that the popup belongs to your product
• Keeps branding consistent across different screens
• Makes the interface feel more considered and polished

❌ Figure: Bad example - The dialog could belong to any application

✅ Figure: Good example - The product icon immediately identifies the dialog as part of your application

Other examples of products that follow this rule:

✅ Figure: Good example - YakShaver authorization modal is branded

✅ Figure: Good example - The TinaCMS login screen is branded

See the TinaCMS Docs page with the branded modal.