Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
Visual Style Guide
June 2018
Page 2
Contents
Introduction to the logo � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 3
Safe area and size� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 4
Logo usage � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 5
Incorrect usage � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 6
Color palette � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 7
Icons and textures � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 8
Typography � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 9
Tone and style of photography � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 13
Print examples � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 14
Screen examples � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 15
Page 3
Introduction to the logoThe Office of Financial Readiness resides under the Office of the Deputy Assistant Secretary of Defense (Force Education and Training). The Office of Financial Readiness will create policy and continue to pave the way for resources, education and support to Service members and their families to create a financially secure and mission-ready force.
The four multi-color, round-corner boxed icon set combined with all capital letter text set in Roboto Slab Bold is the official logo. Proper use of the logo and how it is combined with other graphic elements is described on the following pages.
Page 4
Safe area and size
x1/8 x 1/8 x
1/4 y
1/4 y
y
A safe area around the logo will ensure visibility and impact. As illustrated, the minimum safe area measures 1/8 width and 1/4 the height of logo.
Use the safe area between the logo and other graphic elements, such as type, images and other logos, to ensure it retains a strong presence wherever it appears. Where possible, allow even more space around the logo.
The logo is provided in different formats. Please use the appropriate format for application. If the wrong format is used, the logo can become pixelated if enlarged beyond its original dimensions. For legibility, the minimum acceptable dimension is 100 pixels wide at 72 pixels per inch.
x = horizontal width of logo 1/8x = safe area
y = height of logo 1/4y = safe area
Minimum = 100 pixels wide at 72 pixels per inch
Page 5
Logo usageIdeally, the logo should be used on light backgrounds.
Using the official logo should always be a priority. Logo with wordmark detached and wordmark alone should only be used as a last resort.
BRAND USE FOR SERVICESThese two versions lack the words, “OFFICE OF” for the military services to use in conjunction with their individual branding.
Page 6
Incorrect usage
2
5 8
3
6
1 4
7
Incorrect use of the Office of Financial Readiness logo can compromise its integrity and effectiveness. To ensure accurate and consistent reproduction of the logo, always use the approved digital artwork. Never alter, add to or recreate the logo.
1. Do not reconfigure or change the size and placement of the logo.
2. Do not stretch or squeeze the logo to distort proportions.
3. Do not crop the logo.
4. Do not add a drop shadow to the logo.
5. Do not change the logo colors.
6. Do not place the logo on a dark background.
7. Do not place the logo on a neon or brightly colored background.
8. Do not place the logo on a busy photograph or background.
Page 7
Pantone 7692 CRGB 15,54,86HEX #0f3555C99 M79 Y41 K34
Pantone 130 CRGB 253,185,19HEX #fdb813C0 M30 Y100 K0
Pantone 2164 CRGB 108,115,123HEX #6c737bC60 M48 Y42 K11
Pantone 362 CRGB 121,161,49HEX #79a131C59 M19 Y100 K2
Color palette
Pantone 2253 CRGB 222,232,204HEX #dde7cbC13 M2 Y23 K0
Pantone 4725 CRGB 176,132,107HEX #b0846bC30 M48 Y59 K5
Pantone 420 CRGB 216,194,181HEX #d7c1b5C15 M22 Y26 K0
The primary Office of Financial Readiness color palette consists of dark blue, yellow/orange, dark gray and bright green with secondary accents of warm brown, light tan and light green.
The Office of Financial Readiness colors are equivalent to the Pantone® numbers listed here. For four-color process printing, use the cyan-magenta-yellow-black — CMYK — values. For on-screen applications, such as video or broadcasts, use the red-green-blue — RGB — values. For web applications, refer to the hexadecimal — HEX — values associated with each color.
Page 8
Icons and textures
ICONSIcons from the logo can be used individually for visual impact of a topic. Icons should be colored with the designated brand color palette or black or white. All parts of the icon should appear in one color not multi-colored. Icons should not be used on busy backgrounds. Here are financial themes associated with the logo icons. Shield with lock: protect, security Bar chart: future planning, growth Coins: save, invest, but also spend Target: manage, focus
Other secondary vector objects can be used for emphasis. Ideally, the flag should meet up with an edge or object. Use the diagonal repeating forward-hash line pattern for consistency when the diagonal line texture is not used.
TEXTURESUse subtle color backgrounds to change the mood or add interest. Use the Guilloche pattern sparingly for more serious topics. Use all patterns in a subtle manner.
Page 9
TypographyThe Office of Financial Readiness brand uses two primary typefaces. They are Roboto Slab and Roboto. The following three pages display the fonts that may be used.
The Office of Financial Readiness wordmark uses Roboto Slab.
When Roboto is not available, Calibri should be used. When Roboto Slab is not available, Georgia should be used.
Roboto Slab Bold
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Slab Regular
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Slab Light
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Slab Thin
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)
Page 10
Typography (continued)
Roboto Regular
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Italic
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Bold
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Bold Italic
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)
Page 11
Typography (continued)
Roboto Condensed Regular
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Condensed Italic
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Condensed Bold
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Roboto Condensed Bold Italic
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)
Page 12
Typography (continued)
Calibri Regular
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Calibri Italic
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Georgia Regular
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)Georgia Bold
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890&.,:;$%!?(*)
Page 13
Tone and style of photographyA feature of the Office of Financial Readiness is the use of authentic military photography and photos of the financial-related textures. This ensures the quick recognition of financial topics and military engagement.
The images should be fun in order to engage users, but serious too, in respect to the subject matter. Photography should be seen as casual so it doesn’t intimidate, but formal enough to communicate the official nature of the Office of Financial Readiness.
Specific word associations include: finance, patriotic, friendly, clean, simple, official, trusted, progressive, bright and inviting.
Page 14
Print examples
Page 15
Print examples
Financially Secure, Mission Ready
OFFICE OF
FINANCIALREADINESS
Follow us online:
Facebook https://www.facebook.com/ DoDFINRED
Instagram https://www.instagram.com/DoDFINRED
Twitter https://twitter.com/DoDFINRED
Financially Secure, Mission Ready
FINRED makes it easy to find the information you needDon’t waste time searching high and low for financial information. FINRED resources offer tips, tools and advice on everything financial — budgeting, finances, spending, savings, financial goals and retirement.
Military OneSource provides a wealth of information on a wide range of financial subjects. Learn about budgeting and saving, borrowing, protecting your finances and planning for retirement.
ÌÌ Find articles on all of these topics under the Financial and Legal Category accessible from the homepage.
ÌÌ Find service provider resources under the Service Providers and Leaders Category, then click on Money Management.
ÌÌ Find podcasts and webinars by clicking on the Training Resources link in the footer.
Visit http://www.militaryonesource.mil/web/mos/financial-legal.
The Military Compensation website offers information on the Blended Retirement System, including a BRS comparison calculator that compares the legacy military retirement system with BRS.
ÌÌ Find all the BRS content under the Blended Retirement tab at the top of the homepage.
• Quick links to the calculator and to the BRS Opt-in training are on the right side of the Blended Retirement page.
• Regularly updated Frequently Asked Questions are also available via the Resources list on this page.
Visit http://militarypay.defense.gov/.
Visit FINRED on social media for the latest information:
https://www.facebook.com/DoDFINRED
https://twitter.com/DoDFINRED
https://www.instagram.com/DoDFINRED
Use FINRED online resources to develop a plan or find a Personal Financial Counselor or Manager for additional assistance: http://www.militaryinstallations.dod.mil.
FINRED Digital Content Guide
Be in the Know!
What is the military spouse’s role?
^^ Discuss the decision with your Service member as it is final and cannot be reversed.
^^ Take advantage of free, personal support from your installation’s accredited
Personal Financial Manager or Counselor at http://www.militaryinstallations.dod.mil.
^^ Learn more about retirement choices by viewing the online BRS Opt-In
Course together at http://jko.jten.mil/courses/brs/OPT-IN/launch.html.
^^ Calculate, compare and contrast your Service member’s retirement benefits
under both systems using the BRS Comparison Calculator at http://militarypay.
defense.gov/Calculators/BRS.
#BlendedRetirement
Military Spouses:
What You Should Know About the
New Blended Retirement System (BRS)
ACTIVE DUTY
31Dec.
2017
How does the BRS affect my military member?
If your active-duty spouse is serving as of Dec. 31, 2017, he or she is grandfathered
under the legacy retirement system. Those with fewer than 12 years of total service
as of Dec. 31, 2017, will have the choice of opting into the BRS.
2018
Follow the Office of Financial Readiness
What’s the timeline for making the decision?
^» Your eligible spouse can opt into the BRS anytime during calendar year 2018.
^» Review the options carefully.
What if my military member has a
break in service and rejoins after the
opt-in window?
Service members who rejoin active
duty and still have less than 12 years
of service will have 30 days to choose
the BRS or remain in the legacy system.
Education is key!Blended Retirement Resource websitehttp://militarypay.defense.gov/BlendedRetirementMilitary OneSourcehttps://www.militaryonesource.milThrift Savings Planhttps://www.tsp.gov
Facebook: https://www.facebook.com/DoDFINRED
Twitter: https://www.twitter.com/DoDFINRED
Instagram: https://www.instagram.com/DoDFINRED
What if your military member does not drill in a paid status or is not on orders during 2018? ^» BRS-eligible Individual Ready Reserve or
Standby Reserve members who enter paid status after 2018 will receive a one-time BRS opt-in extension.^» Once in a paid status, your spouse has
30 days to opt into the BRS.
#BlendedRetirement
How does the BRS affect my military member?
If your National Guard or Reserve spouse is serving as of Dec. 31, 2017, he or she is
grandfathered under the legacy retirement system. Those who have fewer than 4,320 retirement
points as of Dec. 31, 2017, and are in paid status, will have the choice of opting into the BRS.
Military Spouses: What You Should Know About the New Blended Retirement System (BRS)
NATIONAL GUARD and RESERVE
31Dec. 20
17
2018What’s the timeline for making the decision? ^» Your eligible spouse can opt into the BRS anytime during calendar year 2018.
^» Review the options carefully.
Facebook: https://www.facebook.com/DoDFINREDTwitter: https://www.twitter.com/DoDFINREDInstagram: https://www.instagram.com/DoDFINRED
Follow the Office of Financial Readiness
What is the military spouse’s role?^^ Discuss the decision with your Service member as it is final and cannot be reversed.
^^ Take advantage of free, personal support from your unit’s accredited Personal
Financial Manager or Counselor at http://www.militaryinstallations.dod.mil or
https://www.jointservicessupport.org/spn.^^ Learn more about retirement choices by viewing the online BRS Opt-In
Course together at http://jko.jten.mil/courses/brs/OPT-IN/launch.html.
^^ Calculate, compare and contrast your Service member’s retirement benefits under
both systems using the BRS Comparison Calculator at http://militarypay.defense.gov/
Calculators/BRS.
Education is key!Blended Retirement Resource website
http://militarypay.defense.gov/BlendedRetirement
Military OneSourcehttps://www.militaryonesource.mil
Thrift Savings Planhttps://www.tsp.gov
Page 16
Screen examples