OSF GuidesPreprints How to Set Up a Preprint ServiceColor Guide to Creating a Branded Preprint Service

Color Guide to Creating a Branded Preprint Service

A preprint site consists of a "landing page," "Add preprint" page," "Discover" page," and an "Error" page. These four pages have a color scheme to highlight different areas of your site. To set up a branded preprint site, we ask you to choose three colors:

  1. background color
  2. navigation bar color
  3. text color

These three colors interact with each other to serve multiple roles - including background color, hover color, link color, and contrast color - across the four pages of your preprint site.

This help guide shows where each color appears across these four pages

Background color

The background color is the main color of your preprint site and appears most heavily in the headers and footers. It appears elsewhere as hover colors for links and buttons and background colors of buttons. The background color for MindrXiv is the darker shade: #68004B.

The background color appears in the following places throughout your preprint site:

1. Landing page

2. Add preprint page

3. Discover page

4. Error page

The navigation bar color is the background of the navigation bar. This color also appears as the background color of buttons and links throughout the four pages of your preprint site. The navigation color for MindrXiv is the brighter color: #A2224B.

The navigation bar color appears in the following places throughout your preprint site:

1. Landing page

2. The "Add Preprint" page

Navbar Color on "Add Preprint" Page

3. Discover page

4. Error page

Text color

The text color is the color representing your text. The text color is applied anywhere where descriptive text appears against the background and navigation colors. The text color is typically white (#ffffff) or black (#000000), depending on what looks best against your background and navigation bar colors. Text color is not restricted to white or black, but we encourage you to choose a color that is easy to read against your other colors. The text color for MindRxiv is white.

The text color appears in the following places throughout your preprint site:

1. Landing page

2. Add preprint page

3. Discover

4. Error page