The Perfect Message - Design
Niels van Vlerken avatar
Written by Niels van Vlerken
Updated over a week ago

A perfect message, from you to your customers. Important messages immediately visible! βœ…

The Perfect Message, an ideal app to show a message to your customers. What are you going to use it for? Sale, promotions or a message for a notification about the delivery time? It is up to you! πŸ”₯
​Preview 🎨


Take a quick look, how does this Perfect message come across on your website? See it in the preview here! πŸ–₯️
​Tip: Click on mobile to preview on mobile.
​Tip 2: Click on language to preview the desired language.
​Title Icon & Icon πŸ“Œ


A perfect message is of course even better with an icon . "Nice and playful" they say.
Would you rather use a self-designed icon? That is of course also possible!
β€‹βŽ No icon / image:Do not load an icon or image
βœ… Icon: Choose from one of the pre-programmed icons, choose from: Success, Warning, Error, Information.
βœ… Icon color: Great personalization , paste the color code for your icon here!

Positioning πŸ“


A good position, a good position. Of course you always want that. 😏
Determine here where and how The Perfect message will be displayed on your page.
β€‹πŸ“ Regular : Your Perfect Message is placed in the content of the page.
β€‹πŸ“ Sticky on mobile : Your Perfect Message is placed over the content on mobile, but not on tablet and desktop.
β€‹πŸ“ Always sticky : Your Perfect Message is always placed over the content, with the rest of the page being dimmed.
​General design settings πŸ–ΌοΈ


​Bob Ross would be jealous, all colours/styling at hand. What should your message look like?
πŸ–ŒοΈ Background Color:Speaks for itself, nice color!
πŸ–ŒοΈ Text color: It must of course be legible, which color suits your message?
πŸ–ŒοΈ Line color: Hey Al Pacino, not that line . Do you want to show a line in your Perfect Message? Set the color here!
πŸ–ŒοΈ Shadow: Can a shadow be added? Determine the size by playing with the pixels and determine your shadow color in rgba (Red, green, blue, alpha). Alpha is the translucency!
πŸ–ŒοΈ Cross color: What color can the cross have to click away The Perfect Message?

Button setting πŸ†—


Push that button! Have you activated the button and entered the text for a button? Change the colors of both the button background and the text color here.
​General tip
​Click on the color square to quickly choose a color!

Did this answer your question?