Community Colors

How to leverage community colors in your landing page

Armstrong template

  1. The background color in the first module is the community color->highlight color
  2. The background color in the second module is the community->colors accent 1 color
    Image File

Berners-Lee template

  1. community color-> highlight color reflects on the edge of right hand side of the first module's image. For example yellow color below

Screenshot 2023-06-22 at 12.27.11 AM

  1. Community stats are a mix of all the colors (community color ->highlight, accent1, accent2) Image File
  2. In the ‘How it works' section the numbering and photos shadow is the community color-> highlight color
    Screenshot 2022-08-26 at 7.01.44 PM

Curie template

  1. Section headers are underlined in the community color-> highlight color

Image File

Eastman template

  1. In the ‘Here's How it works' section, shadow part on right hand side of image is the community color-> highlight color. For example, red color is set as highlight color in the below image 
    Screenshot 2023-06-22 at 12.15.14 AM

 

Last Updated: August 23, 2023