Style Guide

Style Guide v1.2  •  Updated: June 11, 2020

1. Name

ReligionAndPublicLife.org is the name of the project and the website address. When referencing the project please use the full name and do not use acronyms because RPL has other meanings. In print, capitalize the first letter of each of the first four words but not the “o” in org, so that it reads, ReligionAndPublicLife.org. The logo replaces the A in “And” with an upside-down V, as replicated in the 1791 Delegates logo and other products of 1791 Delegates. This style originated from the handwriting of its founder, Nate Walker.

2. Logos

The logo should maintain a good margin allowing it to breath around other objects. Using the height of the R or P in the logo as an increment of X space around the logo. To achieve this using Elementor, add 30px padding around the image. 

  • Religion = Dark Magenta (#8C0087). 
  • Feather, stroke and PublicLife = Resolution Blue (#001C7D). 
  • And and .org = Resolution Blue (#001C7D) at 40% opacity. 
  • This will allow the logo to only use 2 colors for simplicity. 

3. Icons

Icon 1. Blue Quote

Icon 2. White/Blue Quote

4. Colors

Resolution Blue (H1)
RGB 0,28,125
HEX #001C7D (100%)
HEX #001C7DCC (80%)
HEX #001C7D99 (60%)
HEX #001C7D66 (40%)
HEX #001C7D33 (20%)

Lapis Lazuli (H2)
RGB 4,94,167
HEX #045EA7 (100%)
HEX #045EA7CC (80%)
HEX #045EA799 (60%)
HEX #045EA766 (40%)
HEX #045EA733 (20%)

Dark Magenta 8C0087

Dark Magenta (H3)
RGB 140,0,135
HEX #8C0087 (100%)
HEX #8C0087CC (80%)
HEX #8C008799 (60%)
HEX #8C008766 (40%)
HEX #8C008733 (20%)

Lapis Lazuli (Block Background)
RGB 4,94,167
HEX #045EA733 (20%)

Dark Gray (Body)
RGB 68,68,68
HEX #444444 (100%)

Silver Metallic A9ACB2

Silver Metallic (Captions)
RGB 169,172,178
HEX #A9ACB2 (100%)

White Light Blue (BuddyBoss LMS Page Background)
RGB 250, 251,253
HEX #FAFBFD (100%)

5. Fonts

Headline 1

H1. Cardo Regular 50px #001C7D

Centered Page Titles (Resolution Blue)

Headline 2

H2. Cardo Regular 36px #001C7D

Primary Section Header (Resolution Blue) followed by Page Separator (Resolution Blue)

Headline 3

H3. Cardo Bold 30px #045EA7

Sub-Section Heading (Lapis Lazuli )

Headline 4

H4. Cardo Bold 24px #8C0087

Sub-Sub-Section Heading (Dark Magenta)

Headline 5

H5. Cardo Regular 30px #001C70

Background Heading for Boxes (Resolution Blue or manually forced white text for dark backgrounds)

Headline 6

H6. Lato 14px  #A9ACB2

Captions, footers, information bar

Body

Body. Lato 16px  #444444

Paragraph, justified left, hyperlinks in light blue Lapis Lazuli (#045EA7) with hover color Dark Magenta (#8C0087)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel tempor felis. Cras varius vulputate ultrices. Ut vitae massa rutrum dolor hendrerit auctor eget vitae nisi. Nunc congue, odio in laoreet ullamcorper, ipsum magna imperdiet erat, ac volutpat felis dolor id quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent vestibulum nulla nulla, ut tempus ligula consequat ac. Duis ullamcorper quam felis, sollicitudin elementum eros maximus a. Etiam eget efficitur velit, sed dictum ipsum. Donec quam dolor, eleifend non ultricies id, sollicitudin vitae arcu.

6. Boxes

H5. Sub section headline or cta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed egestas risus. Aliquam ac vehicula justo, vitae vulputate purus. Etiam sagittis egestas volutpat. Etiam volutpat est at mi tincidunt adipiscing elit, et congue lectus gravida. Ut quam dui, purus malesuada a malesuada ut, faucibus.

H5. Sub section headline or cta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed egestas risus. Aliquam ac vehicula justo, vitae vulputate purus. Etiam sagittis egestas volutpat. Etiam volutpat est at mi tincidunt adipiscing elit, et congue lectus gravida. Ut quam dui, purus malesuada a malesuada ut, faucibus.

H5. Sub section headline or cta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed egestas risus. Aliquam ac vehicula justo, vitae vulputate purus. Etiam sagittis egestas volutpat. Etiam volutpat est at mi tincidunt adipiscing elit, et congue lectus gravida. Ut quam dui, purus malesuada a malesuada ut, faucibus.

7. Profiles

Faculty

Dalia Mogahed

Director of Research
Institute for Social Policy and Understanding

Co-Author, Who Speaks for Islam?
What a Billion Muslims Really Think


Washington, D.C., USA
Dr. W. Y. Alice Chan
Dr. Andrew Henry
Dr. Simran Jeet Singh
Dr. Saba Soomekh