The 5.7 branch of Magnolia reached End-of-Life on December 31, 2023, as specified in our End-of-life policy. This means the 5.7 branch is no longer maintained or supported. Please upgrade to the latest Magnolia release. By upgrading, you will get the latest release of Magnolia featuring significant improvements to the author and developer experience. For a successful upgrade, please consult our Magnolia 6.2 documentation. If you need help, please contact info@magnolia-cms.com.

It is hard to read white text on yellow background. Choose a safe app group color from the Magnolia palette.

The App launcher is the first page you see when you log into Magnolia. The launcher displays apps as boxes – also known as the app launcher tiles. A click on a tile will launch the associated app. Each tile has an icon and a label. The apps that have something in common belong to the same group.

Choose the app group color carefully. Not all colors work well together. The Magnolia color palette provides five primary colors that work well on the green background and white text. You can't go wrong with these colors.

#4B8E9E

#9A3332

#3E5900

#FFBF28

#666666

 

App groups at the top are reserved for Magnolia's native apps. You should add your own app group at the bottom. However, if your organization uses your own app group very often, elevate it to the top by setting the  permanent property to true. This means the app group is always open and its apps are quickly accessible.

(tick) Good contrast with gray group and white text.

(error) Poor contrast with yellow group and white text.

 

Color

  • Choose your app group color from the Magnolia safe color palette.

Position

  • Put your own app group at the bottom unless a group in your organization needs quick access to its apps on a daily basis.
  • No labels