Brand Style Guide
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
1
Trusted oversight.
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
2
Brand Style Guide
Table of Contents Logo...........................................................................................................................................................................................5 Primary Logo.......................................................................................................................................................................6 Logo Color Representation.................................................................................................................................................7 Secondary Logo...................................................................................................................................................................8 Logo Alternatives................................................................................................................................................................9 Color Variations...................................................................................................................................................................10 Margins...............................................................................................................................................................................11 Incorrect Use.......................................................................................................................................................................12 Typography................................................................................................................................................................................13 Typography Styles...............................................................................................................................................................14 Secondary Font...................................................................................................................................................................15 Color..........................................................................................................................................................................................16 Color Palette.......................................................................................................................................................................17 Secondary Color Palette......................................................................................................................................................18 Monochromatic Palette......................................................................................................................................................19 Figures.......................................................................................................................................................................................20 Overview.............................................................................................................................................................................21 Pie Chart.............................................................................................................................................................................22 Single-Series Bar Chart........................................................................................................................................................23 Multiseries Bar Chart..........................................................................................................................................................24 Stacked Bar Chart................................................................................................................................................................25 Horizontal Bar Chart...........................................................................................................................................................26 Line Chart............................................................................................................................................................................27 Workflow Chart...................................................................................................................................................................28 Organization Chart..............................................................................................................................................................29 Cycle Chart..........................................................................................................................................................................30 Iconography...............................................................................................................................................................................31 Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
3
Brand Style Guide
Iconography........................................................................................................................................................................32 Photography..............................................................................................................................................................................33 Washington, DC..................................................................................................................................................................34 Currency..............................................................................................................................................................................35 People.................................................................................................................................................................................36 Brand Application......................................................................................................................................................................37 Page Design.........................................................................................................................................................................38 Table Style...........................................................................................................................................................................39 Figure Style.........................................................................................................................................................................40 Report Cover.......................................................................................................................................................................41 Memorandum.....................................................................................................................................................................42 Letter...................................................................................................................................................................................43 Envelopes............................................................................................................................................................................44 Business Card......................................................................................................................................................................45 Email Signature...................................................................................................................................................................46 PowerPoint..........................................................................................................................................................................47
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
4
Brand Style Guide
Secondary Font Our secondary font is Myriad Pro Condensed. This typeface is used in large headlines or titles in outreach products, such as Interest magazine.
SED UT PERSPICIATIS
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt.
Nemo enim ipsam voluptatem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum.
Ut enim ad minima veniam Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
15
Brand Style Guide
Color
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
16
Brand Style Guide
Secondary Color Palette The use of the secondary color palette should be limited to situations in which additional colors need to be used to communicate effectively. These colors can be a visual aid in figures, tables, and infographics. They should not overpower the primary brand colors; they should account for less than 10 percent of the color in the figure, table, or infographic.
Gray
Pantone 10389 C RGB 123, 128, 133 CMYK 8, 4, 0, 48 HEX #7b8085
Accent Orange
Pantone 715 C RGB 248, 141, 43 CMYK 0, 54, 94, 0 HEX #f88d2b
Hotline Red
Pantone 1805 C RGB 178, 41, 46 CMYK 21, 96, 89, 12 HEX #b2292e
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
18
Brand Style Guide
Monochromatic Palette The monochromatic palette comprises tints and shades of the OIG color in the primary palette. Ensure that text placed within shapes shaded in these colors is legible; use black text on lighter colors and white text on darker colors.
White text
RGB 0, 52, 77 CMYK 100, 75, 45, 41 HEX #00344d
RGB 1, 66, 106 CMYK 100, 76, 35, 21 HEX #01426a
RGB 30, 95, 144 CMYK 92, 64, 21, 4 HEX #1e5f90
RGB 70, 129,184 CMYK 75, 43, 7, 0 HEX #4681b8
RGB 117, 161, 201 CMYK 55, 27, 7, 0 HEX #75a1c9
Black text
RGB 153, 191, 229 CMYK 38, 15, 0, 0 HEX #99bfe5
RGB 215, 228, 245 CMYK 14, 15, 0, 0 HEX #d7e4f5
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
19
Brand Style Guide
Figures
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
20
Brand Style Guide
Overview Charts and figures should be consistent in style across all OIG products, including font, axis labels, gridlines, and legend labels. Some exceptions include stacked bar charts using white instead of black type and pie charts using a larger font size. Do not include a figure title or source information; those will be typed in above and below the figure when it is placed in the document. Font style should be Calibri (body). Font color should be 80% gray.
40
21
Gridlines RGB: 242, 244, 247
35
45
30
Axis title
25 20
28
15 10 5 0
Value 1
Value 2
Value 3 Series1
Value 4
39
Value 5
Value 1
Value 2
Value 3
Value 4
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
21
Brand Style Guide
Pie Chart
21
• The left edge of the largest section should be at the top, and the section should extend clockwise. Values should continue clockwise by magnitude. • Colors are monochromatic, beginning with the darkest blue available and getting progressively lighter as the sections move clockwise.
45
28
• Data labels should be centered on each section, on the outside of the circle. • Legend labels should only have the first word capped, with the exception of proper nouns.
39 Value 1
Value 2
Value 3
Value 4
• The legend should be centered below the pie. Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
22
Brand Style Guide
Single-Series Bar Chart
• Axis numbering should always begin with 0.
40 35
• Both axes should be labeled to show the numerical and categorical data.
• Value and legend labels should only have the first word capped, with the exception of proper nouns. • The legend should be centered under the chart.
25 Axis title
• Color should be OIG navy blue.
30
20 15 10 5 0
Value 1
Value 2
Value 3
Value 4
Value 5
Series1
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
23
Brand Style Guide
Multiseries Bar Chart
• Axis numbering should always begin with 0.
40
• Both axes should be labeled to show the numerical and categorical data.
30
• Colors are monochromatic, beginning with the darkest blue available and getting progressively lighter as the values decrease. • Value and legend labels should only have the first word capped, with the exception of proper nouns. • The legend should be centered under the chart.
35
25 20 15 10 5 0
Value 1
Value 2 Item 1
Item 2
Value 3 Item 3
Item 4
Value 4 Item 5
Value 5 Item 6
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
24
Brand Style Guide
Stacked Bar Chart
• Axis numbering should always begin with 0.
90 80
• Both axes should be labeled to show the numerical and categorical data.
• Value and legend labels should only have the first word capped, with the exception of proper nouns. • The legend should be centered under the chart.
60 Axis title
• Colors are monochromatic, beginning with the darkest blue available and getting progressively lighter as the values decrease.
70
7
5 9
11
13
14
6 6 9
5 6 9
17
12
19
23
Value 2
Value 3
50 40
17
30 20 10 0
34
Value 1
Item 1
Item 2
Item 3
18
4 7 13 20
34
Value 4 Item 4
22 Value 5
Item 5
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
25
Brand Style Guide
Horizontal Bar Chart
• Axis numbering should always begin with 0. • Both axes should be labeled to show the numerical and categorical data. • Colors are monochromatic, beginning with the darkest blue available and getting progressively lighter as the values decrease. • Negative values can be displayed. • Value and legend labels should only have the first word capped, with the exception of proper nouns.
Value 5
7
Value 4
15
Value 3
19
Value 2
23
Value 1
27 0
5
10
15
20
25
30
Series1
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
26
Brand Style Guide
Line Chart
• Axis numbering should always begin with 0.
• Both axes should be labeled to show the numerical and categorical data. • Value and legend labels should only have the first word capped, with the exception of proper nouns.
20
Axis title
• Use the primary OIG colors: navy, light blue, and green, in that order, with orange for a fourth value. If you need more than four colors, use colors from the monochromatic palette.
25
15 10 5 0
Value 1 Item 1
Value 2 Item 2
Value 3 Item 3
Value 4 Item 4
Value 5 Item 5
• The legend should be centered under the chart. Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
27
Brand Style Guide
Workflow Chart
• Color should be OIG navy blue. • Data should be ordered sequentially and can flow horizontally or vertically, as appropriate.
Text 1
Text 2
• Text should be 11 pt. Calibri Light, white.
Text 3
Arrow RBG: 170, 174, 178
Basic shapes for OIG products
Process
Subprocess
Data input
Decision
Document
Termination point
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
28
Brand Style Guide
Organization Chart
• Color should be OIG navy blue.
Text 1
• Text should be 11 pt. Calibri Light, white. Line RBG: 170, 174, 178
Text 2
Text 3
Stroke weight: 1 pt.
Text 4
Text 5
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
29
Brand Style Guide
Cycle Chart
• Color should be OIG navy blue. • Text should be 11 pt. Calibri Light, white.
Text 1
Text 2
Text 3
Arrow RGB: 117, 161, 201
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
30
Brand Style Guide
Iconography
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
31
Brand Style Guide
Iconography Our icon styles rely heavily on our primary and secondary color palette. They can be used to add visual understanding to text and infographs.
Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
32
Brand Style Guide
20th Street and Constitution Avenue NW, Mail Stop K-300, Washington, DC 20551 | 202-973-5000 | oig.federalreserve.gov | oig.consumerfinance.gov Office of Inspector General Board of Governors of the Federal Reserve System | Bureau of Consumer Financial Protection
48