Logo
In order to maintain consistent branding and identity across the board’s communications, we provide the following assets and guidelines regarding the use of the CRCCRRB name, logo, colors, typography, and other assets.
Logo Variations
Primary Logo
This is the primary logo and should be used in the majority of applications.
Black Logo
This logo should be used in applications requiring just a 1-color black on lighter backgrounds.
Reverse Logo
This logo should be used in applications requiring a 1-color reverse on darker backgrounds.
Available logo files
| .EPS | .AI | .JPG | .PNG | ||
|---|---|---|---|---|---|
| RGB | Download (2.0MB) | Download (1.0MB) | Download (720kB) | Download (338kB) | -- |
| Black | Download (2.1MB) | Download (1.0MB) | Download (566kB) | Download (197kB) | Download (322kB) |
| Reverse | Download (2.1MB) | Download (967kB) | -- | Download (218kB) | -- |
| CMYK | Download (2.6MB) | Download (1.1MB) | Download (1.8MB) | -- | Download (326kB) |
| Pantone | Download (2.6MB) | Download (1.1MB) | -- | -- | -- |
File Type Usage
This logo is being provided in several different file formats, in the various color builds that are appropriate for the common usage for each respective format. Here are some general usage guidelines for each.
-
EPS: Encapsulated Postscript
This vector-based format is scalable virtually infinitely and is not subject to resolution. These can be placed with a transparent background. Suitable to use for page layout documents such as InDesign, or as art for dies, stamps, or printing.
-
JPEG: Joint Photographic Experts Group
This format is raster based and subject to resolution considerations when scaling up. These are flat meaning they will have a white background when placed. Suitable to use for MS Word, web or multimedia use.
-
PNG: Portable Network Graphic
Raster based and subject to resolution considerations when scaling up. These can be placed with a transparent background. Suitable for web or multimedia use.
-
PDF: Portable Document Format
This format is vector-based and is scalable virtually infinitely and is not subject to resolution. These can be placed with a transparent background. Suitable to use for page layout documents such as InDesign for printing.
-
AI: Adobe Illustrator
This is original vector-based format is scalable virtually infinitely and is not subject to resolution. These can be placed with a transparent background. Suitable to use for page layout documents such as InDesign for printing.
Minimum Size
To maintain legibility and definition, the suggested minimum size for the secondary logo is 1 inch wide.

Clear Space
It is recommended that the logo have clear space measuring a minimum of 1/8th the height of the logo on all sides.

Usage
- The color logo should primarily be used on a white background.
- Use the logo on a solid color backgrounds (see color options).
- Use the logo on top of a light greyscale photographs.
Incorrect Usage
- Do not apply drop-shadows or effects to the logo.
- Do not crop the logo.
- Do not skew or alter the shape of the logo.
- Do not use on color photographs.
- Do not use on any pattern backgrounds.
- Do not use the color logo on dark backgrounds to maintain contrast.
Typography
Baskerville
The logo is based on the font Baskerville, which has plenty of various faces and weights should you decide to use it in the rest of your branding to feel cohesive with the logo.
Baskerville does require a paid license for use. Free options exist on both fonts.google.com and fonts.adobe.com. Some examples of close typefaces are Libre Baskerville (Google), and Baskerville PT (Adobe). Free Google fonts also have the ability to be downloaded.
"This quoted text" has been added to demonstrate that double quotes or "inch marks" in markdown text will be automatically converted to curly quotes or "smart quotes" when the page is generated.
Libre Baskerville Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (~!@#$%^&*}
Libre Baskerville Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (~!@#$%^&*}
Libre Baskerville Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (~!@#$%^&*}
Typeset examples
Heading level I
This law requires the National Archives and Records Administration (NARA) to create the Civil Rights Cold Case Records Collection and requires federal agencies to turn over copies of any remaining records from Civil Rights Era cold cases to NARA for inclusion in the collection and release to the public.
Heading level II
Heading level III
The board is charged with reviewing the records of Civil Rights era cold criminal cases of murders and other racially motivated violence that occurred between 1940 and 1979. Many of these records are still closed to the public.
Heading level IV
The board will examine agency decisions to withhold access and to engage with them to determine if the records should still be withheld.
Headling level V
Legislation sponsor Sen. Doug Jones (D-AL) said his “hope is that this legislation will help us find some long-overdue healing and understanding of the truth in the more than 100 unsolved civil rights criminal cases that exist today.”
Heading level VI
The legislation, which was modeled on the JFK Assassination Records Act, was passed with the assistance of a determined lobbying effort by teacher Stuart Wexler and the students of Hightown High School in New Jersey.
Unordered (bulleted) lists
- Unordered list item
- Unordered list item
- Unordered list item
- Nested unordered list item
- Nested unordered list item
- Nested unordered list item
- 3rd level nesting
- 3rd level nesting
Ordered (numbered) lists
- Ordered list item
- Ordered list item
- Nested ordered list item
- Nested ordered list item
- Nested ordered list item
- Nested ordered list item
- Ordered list item
Colors
Primary Colors
These are the color builds for the primary colors.
Dark Brown
USWDS token 'orange-warm-70'
| PMS | CMYK | RGB | Hex* |
|---|---|---|---|
| 7596 C | C 30 | R 92 | #5C3D33 |
| M 67 | G 61 | ||
| Y 70 | B 51 | ||
| K 59 |
Beige
USDWS token 'orange-10'
| PMS | CMYK | RGB | Hex* |
|---|---|---|---|
| 7604 C | C 4 | R 246 | #F6EADF |
| M 12 | G 234 | ||
| Y 5 | B 223 | ||
| K 0 |
For Digital Applications
RGB
RGB is used in screens and digital display technology. Made of three channels: red, green, and blue.
Hex
Hexadecimal colors are for web use. The six-digit combination of numbers and letters is code for the RGB breakdown of a color.
For Print Applications
CMYK
CMYK color was created for printed materials. CMYK color has four channels for cyan, magenta, yellow, and key (black). Each of these channels is measured from 0% to 100%, and will tell the printer the relative density of each ink that is required.
PMS
PMS stands for Pantone Matching System. PMS is a universal color matching system used primarily for printing. Unlike CMYK, PMS colors are pre-mixed with a specific formula of inks prior to printing.
*Note that we use the USWDS Color Tokens nearest to the brand colors to define the custom USWDS theme the website.
USWDS Theme tokens
Base tokens
| $theme-color-base-lightest | 'gray-warm-2' | |
|---|---|---|
| $theme-color-base-lighter | 'gray-warm-5' | |
| $theme-color-base-light | 'gray-warm-20' | |
| $theme-color-base | 'gray-warm-60' | |
| $theme-color-base-dark | 'gray-warm-70' | |
| $theme-color-base-darker | 'gray-warm-80' | |
| $theme-color-base-darkest | 'gray-warm-90' |
Primary tokens
| $theme-color-primary-lighter | 'orange-5' | |
|---|---|---|
| $theme-color-primary-light | 'orange-10' | |
| $theme-color-primary | 'orange-warm-70' | |
| $theme-color-primary-vivid | 'orange-warm-70' | |
| $theme-color-primary-dark | 'orange-warm-80' | |
| $theme-color-primary-darker | 'orange-warm-90' |
Secondary tokens
| $theme-color-secondary-lighter | 'mint-cool-5' | |
|---|---|---|
| $theme-color-secondary-light | 'mint-cool-10' | |
| $theme-color-secondary | 'mint-cool-60' | |
| $theme-color-secondary-vivid | 'mint-cool-60v' | |
| $theme-color-secondary-dark | 'mint-cool-70' | |
| $theme-color-secondary-darker | 'mint-cool-80' |
Accent-warm tokens
| $theme-color-accent-warm-lighter | 'orange-warm-50' | |
|---|---|---|
| $theme-color-accent-warm-light | 'orange-warm-60' | |
| $theme-color-accent-warm | 'orange-warm-70v' | |
| $theme-color-accent-warm-dark | 'orange-warm-70' | |
| $theme-color-accent-warm-darker | 'orange-warm-80' |
Accent-cool tokens
| $theme-color-accent-cool-lighter | 'mint-cool-30' | |
|---|---|---|
| $theme-color-accent-cool-light | 'mint-cool-40' | |
| $theme-color-accent-cool | 'mint-cool-60v' | |
| $theme-color-accent-cool-dark | 'mint-cool-70' | |
| $theme-color-accent-cool-darker | 'mint-cool-80' |
Button styles
primary button secondary button accent-warm button accent-cool button outline button outline inverse button outline inverse button