Having the right look and feel on your platform can often be a "make or break'" factor for users when deciding how much they like and support your platform. In this article, we'll go through the 4 main building blocks of building a consistent and distinct identity for your platform.

To start customizing the look of your platform, go to 'Settings' > 'Customize' in the admin panel. There you get an immediate overview over all the visual identity you can customize. You can change these settings whenever you want.

Colors

  • When choosing colors for your platform, it's important to stick to the principles of simplicity and contrast. You should use the same range of colors of your organization as this helps users easily and quickly recognize the platform, what it represents, and the organization behind it (you!)

  • See our article on "Choosing Primary and Secondary colors" for a more detailed guide on how to make sure the right colors show up in the right places on the platform.

Logo

  • Use your organization's logo that is instantly recognizable by citizens and users (with or without text inside the logo), and make sure that it is not blurred or stretched.

  • The logo will appear on the left hand side of the navigation bar, as well as at the bottom of the homepage.

Banners

  • The banner image is the main image that's displayed in the background of the home page, and should be an image that reflects your community and/or area.

  • A few ideas for choosing an image for the banner could be:

    • An aerial shot of your area or local neighborhoods

    • A successful and/or recent town hall, public dialogue/event, citizen assembly, etc.

    • But we encourage you to choose any other image that you feel best represents your community because it's you that knows best!

  • We recommend having the picture dimensions that are 1440x480 to make sure that it's not blurred or stretched - helping your homepage look as clean and professional as possible.

  • You can also choose to add an image overlay colour (optional) which helps solidify the colour theme of your platform and/or to make the banner image standout less due to its low quality or if it's not important.

  • You can control how transparent the colour will appear by using the 'Image overlay capacity' slider. Adjust the opacity to balance between aesthetics and messaging, between the colour and image respectively.

Navigation bar

If you have a Premium subscription you can also customize the color of your platform's navigation bar. Contact support@citizenlab.co to align on the font and color you want to use.

Custom font

If you have a Premium subscription you can also customize your platform’s font. Contact support@citizenlab.co to align on the font and color you want to use.


Related Articles:


Do you have further questions or need help? Send us a message at support@citizenlab.co!

Did this answer your question?