Style Guide 1.9

Updated: August 23, 2021

1. Name and Taglines

ReligionAndPublicLife.org is our official name and the website address. When referencing the project please use the full name as one word with the “.org”. 

Please do not use acronyms; RPL has other meanings.

“Religion and public life” is a field of study. It’s a term used by other organizations; therefore, please always use the “.org” to communicate that we are an online community.

Please capitalize the first letter of each of the first four words but not the “o” in .org, so that it reads as follows: ReligionAndPublicLife.org

The official 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.

Please capitalize the first letters in the primary tagline, as follows: “Come for the Classes. Stay for the Community. And the secondary tagline is “Civic Education for a Common Good.”

Come for the Classes. Stay for the Community.

Civic Education for a Common Good.

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. Icon

Icon 1. White Quill, blue-purple fade background

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.png

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%)
Black Pearl
(Body Text)
RGB 68,68,68
HEX ##1C1D1E (100%)
silver-metallic-a9acb2.png

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

Cultured
(Button Background)
RGB 238,240,243
HEX #EEF0F3 (100%)
White-Light Blue
(Page Background)
RGB 250, 251,253
HEX #FAFBFD (100%)
FFFFFF White
White
(Text Box Background)
RGB 169,172,178
HEX #FFFFFF (100%)

5. Fonts

Headline 1

H1. Cardo Regular 32px #001C72

Centered Page Titles (Resolution Blue)

Headline 2

H2. Cardo Regular 28px #001C7D

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

Headline 3

H3. Cardo Bold 24px #045EA7

Sub-Section Heading (Lapis Lazuli )

Headline 4

H4. Cardo Bold 18px #8C0080

Sub-Sub-Section Heading (Dark Magenta)

Headline 5

H5. Cardo Regular 18px #001C70

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

Captions

H6. Lato 18px Weight 300 #045EA7

Captions, footers, information bar

Body

Body. Lato 18px  Weight 300 #444444

Paragraph justified left with one space between paragraphs. Body hyperlinks in Dark Magenta (#8C0087) with Resolution Blue (#001C7D) as the hover color.

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, volutpat 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, dictum ipsum. Donec quam dolor, eleifend non ultricies, sollicitudin vitae arcu.

6. Boxes

Subsection headline 30px

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 viverra.

Subsection headline 30px

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 viverra.

Subsection headline 30px

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 viverra.

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

Faculty

Meira Neggaz

Executive Director
Institute for Social Policy and Understanding

Washington, D.C., USA

Dr. W. Y. Alice Chan

Dr. Andrew Henry

Eleesha Tucker

SiouxSanna Ramirez-Cruz