This document provides design guidelines for marketing presentations at ID.me. It includes sections on typeface, colors, logos, icons, buttons, integration flows, hosted landing pages, and common assets. The template PPT deck and instructions are given for layout, formatting, and applying effects consistently. Common designs like affinity groups, awards, and media kit assets are also referenced. The goal is to maintain branding consistency across all ID.me marketing materials.
2. • Buttons & Lockups
• IVA Integration Flows
• HLP Examples
• Things to Know About PPT
• Assets & Designs Used Often
• Ending Credits
• Deck Template & Table of Contents
• Introduction: Why We Need This
• Typeface & Uses
• Colors & Uses
• ID.me Logo & Uses
• ID.me Icon & Uses
ID.me Power point Template
Table of Contents
| Design Guidelines Confidential & proprietary Information of ID.me 2
This template is the PPT template you should ALWAYS be using.
Table of Contents
2
3-4
5-6
7-9
10-11
12-13
14-17
18-30
31-32
33-43
44-60
61-62
3. Introduction: Why do we need this?
Design Guidelines: Things Everyone Should Know
4. Why we have these Guidelines???
CONSISTENCY
&
BRANDING
| Design Guidelines Confidential & proprietary Information of ID.me 4
6. Open Sans Typeface
| Design Guidelines Confidential & proprietary Information of ID.me 6
Weights
Open Sans Extra-Bold
Open Sans Bold
Open Sans Bold Italic
Open Sans Semi-Bold
Open Sans Regular
Open Sans Regular Italic
Open Sans Light
Primary PPT Type Uses
22 H1 Heading Bold
18 H2 Heading Bold
16 H3 Heading Bold
14 P1 Paragraph Regular
12 P2 Paragraph Regular
Numbering Uses
40 Extrabold Hex: 2d3e51
Acceptable
Modifications
16 H1 Extrabold
16 H2 Regular
14 H3 Semi-Bold
11 P1 regular
10 P2 Regular (for large body copy)
18 Extrabold
9. | Design Guidelines Confidential & proprietary Information of ID.me 9
ID.me Color Guide
Where to find the ID.me Theme Colors
Go to “Themes” Then go to “Colors” and click
“ID.me Theme Colors”
Then it will appear in
your color pallet
10. ID.me Logo & Uses
Design Guidelines: Things Everyone Should Know
11. | Design Guidelines Confidential & proprietary Information of ID.me 11
ID.me Logo
ALL CAPS
Always in the
Middle
lowercase
Primary Logo
• Should be used used in ALL ID.me branded
mediums EXCEPT for those mentioned in the
“Icon Uses” Section.
Logo Uses in Copy
• The “ID” in ID.me should ALWAYS be in ALL-CAPS.
• The “me” in ID.me should ALWAYS be lowercase.
• The “.” in ID.me should ALWAYS be in the middle
of ID and me.
12. ID.me Icon & Uses
Design Guidelines: Things Everyone Should Know
13. | Design Guidelines Confidential & proprietary Information of ID.me 13
ID.me Icon
Should ONLY be used
In the following mediums
• Social Media
• Favicons
• Native & Web Mobile
Social Media
Favicons
Native & Web Mobile
Icon Usage
15. Buttons
• The First Letter of the group name should be Initial-Capped.
• The “ID” should be in ALL-CAPS.
• The “ID” should ALWAYS be “knocked-out” of it’s holding shape.
Troop First Responder
Student TeacherGovernment
Verify with Troop Verify with First Responder
Verify with Student Verify with TeacherVerify with Government
Troop Buttons
| Design Guidelines Confidential & proprietary Information of ID.me 15
First Responder Buttons
Student Buttons Government Buttons Teacher Buttons
16. | Design Guidelines Confidential & proprietary Information of ID.me 16
Integration Button Lockups
What we use on partner pages
Use these as a guide, if you need to change up the order, just use one of the single
mock-ups (on the next page) and place one of the single buttons from the previous
page, size it to match and place it with the same distance you see these.
17. | Design Guidelines Confidential & proprietary Information of ID.me 17
Integration Button Lockups
Single Buttons
19. IVA Flows
Partner Logo Placement
| Design Guidelines Confidential & proprietary Information of ID.me 19
The gray box is a guideline you use to measure out the partner logos for each flow.
Once the logo is in place within the constraints of the gray box, you can delete it.
20. | Design Guidelines Confidential & proprietary Information of ID.me 20
IVA Flows
MyID Flow
Create Account Sign in to ID.me Wallet1 2 Authorize3
21. | Design Guidelines Confidential & proprietary Information of ID.me 21
IVA Flows
Troop ID Flow
Create Account Create Wallet Sign in to ID.me Wallet1 2 3
22. | Design Guidelines Confidential & proprietary Information of ID.me 22
IVA Flows
Troop ID Flow
Verify Military Status Authorize4 5
23. | Design Guidelines Confidential & proprietary Information of ID.me 23
IVA Flows
First Responder ID Flow
Create Account Create Wallet1 2
24. | Design Guidelines Confidential & proprietary Information of ID.me 24
IVA Flows
First Responder Flow
Sign in to ID.me Wallet Authorize3 4
25. | Design Guidelines Confidential & proprietary Information of ID.me 25
IVA Flows
Student ID Flow
Create Account Create Wallet1 2
26. | Design Guidelines Confidential & proprietary Information of ID.me 26
IVA Flows
Student ID Flow
Sign in Authorize1 2
27. | Design Guidelines Confidential & proprietary Information of ID.me 27
IVA Flows
Teacher ID Flow
Create Account Create Wallet Sign in to ID.me Wallet1 2 3
28. | Design Guidelines Confidential & proprietary Information of ID.me 28
IVA Flows
Teacher ID Flow
Verify Teacher Status California verification
Teacher Status
Authorize4 5 6
29. | Design Guidelines Confidential & proprietary Information of ID.me 29
IVA Flows
Government ID Flow
Create Account Sign in to ID.me Wallet1 2
30. | Design Guidelines Confidential & proprietary Information of ID.me 30
IVA Flows
Government ID Flow
Verify Government Status Authorize1 2
32. | Design Guidelines Confidential & proprietary Information of ID.me 32
HLP Assets
33. Things to know how to do in PPT
Design Guidelines: Things Everyone Should Know
34. | Design Guidelines Confidential & proprietary Information of ID.me 34
Things to Know in PPT
Sometimes, Strokes (borders) are Just Better
Files like HLP & Flows work better with simple strokes instead of drop shadows.
No matter what you do, keep it consistent.
Example 1: Side by side = stroke
The HLP and the Flow are placed side by side.
With the background being white, it is more appropriate to use a simple stroke.
Outline
Hex #: dadddf
35. | Design Guidelines Confidential & proprietary Information of ID.me 35
Things to Know in PPT
Other times, shadows are needed along with a stroke
Outline
Hex #: dadddf
Example 2: Overlapped objects = Drop Shadow
The HLP and the Flow are Overlapping one another.
Sometimes to be able to distinguish between the two object, a drop shadow needs to be applied
along with a stroke.
36. Things to know in PPT
Drop Shadow Standards
| Design Guidelines Confidential & proprietary Information of ID.me 36
No Shadow
(Only Stroke/Border)
Proper Shadow
90% Transparency
Everything else is default
Improper Shadow
Auto- defaulted
37. | Design Guidelines Confidential & proprietary Information of ID.me 37
Things to know in PPT
How to apply a drop shadow: Step 1
Go into you “Quick Styles” in
Upper right hand corner
Make sure image is selected
38. | Design Guidelines Confidential & proprietary Information of ID.me 38
Things to know in PPT
How to apply a drop shadow: Step 2
Go into you “Quick Styles”
Go to “Shadow”
Then Go to “Shadow Options”
39. | Design Guidelines Confidential & proprietary Information of ID.me 39
Check the “shadow” box
Change ONLY the
transparency to
90%
Things to know in PPT
How to apply a drop shadow: Step 3
40. | Design Guidelines Confidential & proprietary Information of ID.me 40
Things to know in PPT
Objects with Defaulted Effects: NOT okay
Objects like: Make sure you take these defaults off:
Drop Shadow
(review how to add shadows)
Line & Stroke
Go to Pencil Icon right
next to “Quick Styles” &
hit “No line”.
If it is a line: choose “Line
weight” and adjust to 1pt
or 1 ½ pt
A Stroke around an image
should be ¾ pt
Lines
Arrows
Shapes
Graphs
Color
Go to our color guidelines and choose an appropriate color
1
3
2
41. Things to know in PPT
How to Arrange images: Reordering
Go to “Arrange”
• Bring to Front: Brings an
image ALL the way to the front
• Send to Back: Sends image
ALL the way to the back
• Bring Forward: Brings image
one step forward
• Send Backward: Send image
one step backward
Click one of the reordering actions you desire
for the image selected:
| Design Guidelines Confidential & proprietary Information of ID.me 41
42. | Design Guidelines Confidential & proprietary Information of ID.me 42
Things to know in PPT
How to Arrange images: Alignment
• Align Left: Aligns all selected items to the left side
• Align Center: Center aligns all selected items with
each other
• Align Right: Aligns all selected items to the right side
• Align Top: Aligns all selected items to the top surface
• Align Middle: Aligns selected items to the middle
• Align Bottom: Aligns all selected items to the bottom
surface
With multiple elements ( text & images) selected,
you can choose different option alignments:
43. | Design Guidelines Confidential & proprietary Information of ID.me 43
Things to know in PPT
How to Crop an Image
Use these crop
marks to adjust the
image & make sure
image is selected
“Crop” Button
Click “Format Picture”
44. Assets and Designs Used Often
Design Guidelines: Things Everyone Should Know
45. Assets and Designs Used Often
Checkout Integrations: UA
Veteran verifies with
ID.me to receive discount
Veteran sees button
on UnderArmour.com1 2 3 Member claim is verified
and account is registered
| Design Guidelines Confidential & proprietary Information of ID.me 45
46. | Design Guidelines Confidential & proprietary Information of ID.me 46
Assets and Designs Used Often
Checkout Integrations: Seaworld
Military member signs in
or verifies with ID.me.
Active Duty Military sees
button on SeaWorld site.1 2 3 SeaWorld offer is claimed
by user post-verification.
47. | Design Guidelines Confidential & proprietary Information of ID.me 47
Assets and Designs Used Often
Assets from Media Kit
48. | Design Guidelines Confidential & proprietary Information of ID.me 48
$1 Trillion
Annual Purchasing Power
85%
Seek to buy from brands that offer
Military discounts
21.3M
Military Veterans
2.7M
Active, Reserve, Guard Military
15M
Military & Veteran Spouses
90% 85% 10%10% 15% 90%
Assets and Designs Used Often
Assets from Media Kit: Reach the Military Community
49. | Design Guidelines Confidential & proprietary Information of ID.me 49
Assets and Designs Used Often
Assets from Media Kit: Reach the Student Community
$417 Billion Annual Purchasing Power 21.4 Million
Enrolled Graduate &
Undergraduate Students
78%
Say they are very likely to
buy from brands offering
Student discounts
50%
Make purchases online
Age Range
18-24
56%
44%
50. | Design Guidelines Confidential & proprietary Information of ID.me 50
Assets and Designs Used Often
Assets from Media Kit: ID.me at a Glance
51. | Design Guidelines Confidential & proprietary Information of ID.me 51
16%
Group-Targeted
Subject Lines
12%
11%
Non Affinity Targeted
Non Affinity Targeted
RetailMeNot
Ebates
Industry
Average
Assets and Designs Used Often
Assets from Media Kit
52. | Design Guidelines Confidential & proprietary Information of ID.me 52
Campaign Highlights
Two emails were sent around the holiday in order to
Optimize our reach, and provide our customers ample
Time to enjoy the exclusive military offers.
Primary Veterans Day Offer Email
25.3%
Open Rate (+12% Over Industry Average)
Sent 2 days prior to Veteran’s Day
Primary Veterans Day Offer Email
19.2%
Open Rate
Sent 2 days after Veteran’s Day
Assets and Designs Used Often
Assets from Media Kit
53. | Design Guidelines Confidential & proprietary Information of ID.me 53
3,000,000+
Across All ID.me Military Pages
7%
Audience
Demos
Monthly Social Activity
759K+
Unique Engaged Users
10.9M+
Users Reached
32.3M+
Social Impressions
Age Groups
33% 41%
26%
57%
43%
18-34 35-54 55+
Assets and Designs Used Often
Assets from Media Kit: Social Media
54. | Design Guidelines Confidential & proprietary Information of ID.me 54
Assets and Designs Used Often
Designs we use: Who we are icon
Access to Rewards
and Benefits
Group Verification
Security Provider
ID Verification
55. | Design Guidelines Confidential & proprietary Information of ID.me 55
• December 2014: Awarded a government contract along with Verizon to provide a single login to
citizens that will be accepted across all federal websites
• November 2014: Winner of the Audience Choice Award at Privacy Identity Innovation
• June 2014: Recognized in Entrepreneur Magazine’s edition of 100 Brilliant Companies
• March 2014: Raised $7.5 million Series A led by USAA
• September 2013: Department of Commerce selected ID.me for a $2.8M grant as one of the five
companies in America with the most advanced digital identity technology
• July 2013: Finalist for Wall Street Journal Startup of the Year
• June 2013: Named US Chamber of Commerce & Spike TV’s “Most Veteran-Friendly Small Business in
America”
Assets and Designs Used Often
Designs we use: Awards
56. | Design Guidelines Confidential & proprietary Information of ID.me 56
Assets and Designs Used Often
Designs we use: Affinity Groups
39 Million
military members
$1 trillion annual
purchasing power
2.4 million
first responders
$130 billion annual
purchasing power
6.8 million
teachers
$339 billion annual
purchasing power
21.4 million
college students
$417 billion annual
purchasing power
3.9 Million
military members
$17 million annual
purchasing power
57. | Design Guidelines Confidential & proprietary Information of ID.me 57
Assets and Designs Used Often
Designs we use: Logo Groups-Travel
58. | Design Guidelines Confidential & proprietary Information of ID.me 58
Assets and Designs Used Often
Designs we use: Logo Groups-Sports
59. Media Kit Assets
Other Designs
& Assets
Partner Logos
More Assets and Files in Drop Box
Click the “Follow me” link, or one of the boxes for a Specific Asset
| Design Guidelines Confidential & proprietary Information of ID.me 59
Typeface install
ID.me Logos
& Icons
Buttons & Lockups Integration Flows
Flow Me!
PowerPoint
Template
60. Design Guidelines: Things Everyone Should Know
The End:
Come to the Marketing or the Design Team with any
Additional Questions or Concerns