OIG

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