Content Delivery Network Visual Reference Guide
Use this CDN to free-up space on your server, assure your project is
using the correct styles and assets, and improve load times. With
this index you'll be able to copy the correct paths to the files you
need or download various assets for other uses. Use of assets is
subject to the Samaritan's Purse
Permissions of Use . Email
ApplicationDevelopers@samaritan.org
if you have any questions about the use of this CDN or need to
report an issue.
These are the official logos for use in your project. Please adhere to
the usage suggestions provided for each asset. Logos may not be altered
from their original forms. (Do not remove or seperate elements, invert,
skew, rotate, etc.)
samaritans-purse-logo-horiz-color.svg
Use this logo on all Samaritan's Purse digital properties with a
light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-horiz-color.svg
Copy to Clipboard
samaritans-purse-logo-horiz-black.svg
Use this logo on all Samaritan's Purse digital properties with a
light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-horiz-black.svg
Copy to Clipboard
samaritans-purse-logo-horiz-white.svg
Use this logo on all Samaritan's Purse digital properties with a
dark background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-horiz-white.svg
Copy to Clipboard
samaritans-purse-logo-color.svg
Use this logo when vertical space allows on all Samaritan's
Purse digital properties with a light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-color.svg
Copy to Clipboard
samaritans-purse-logo-black.svg
Use this logo when vertical space allows on all Samaritan's
Purse digital properties with a light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-black.svg
Copy to Clipboard
samaritans-purse-logo-white.svg
Use this logo when vertical space allows on all Samaritan's
Purse digital properties with a dark background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-logo-white.svg
Copy to Clipboard
samaritans-purse-icon-color.svg
Use this icon on all Samaritan's Purse digital properties with a
light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-icon-color.svg
Copy to Clipboard
samaritans-purse-icon-black.svg
Use this icon on all Samaritan's Purse digital properties with a
light background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-icon-black.svg
Copy to Clipboard
samaritans-purse-icon-white.svg
Use this icon on all Samaritan's Purse digital properties with a
dark background.
https://cdn.samaritanspurse.org/global/sp/logos/samaritans-purse-icon-white.svg
Copy to Clipboard
Use these colors in the design of Global Samaritan's Purse digital
properties. Do not use tint or shade derivitives of these colors.
Instead you may include any value of neutral gray including black and
white.
#798034
Use the Samaritan's Purse gold color on all non-prose design
elements.
#798034
Copy to Clipboard
#071b31
Use the Samaritan's Purse blue color on all non-prose design
elements.
#071b31
Copy to Clipboard
Use these fonts and styles in the design and prose of Global Samaritan's
Purse digital properties. Affect styles by declaring the desired font
properties such as 300, 500, etc.
To include all SP global fonts, copy and paste the following link into
the head of your HTML document.
<link
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Roboto+Condensed:400,400i,700,700i|Roboto+Mono|Roboto+Slab:400,700"
rel="stylesheet">
Roboto
Roboto Thin
font-family: Roboto; font-weight: 100;
Copy to Clipboard
Roboto Thin Italic
font-family: Roboto; font-weight: 100; font-style: italic;
Copy to Clipboard
Roboto Light
font-family: Roboto; font-weight: 300;
Copy to Clipboard
Roboto Light Italic
font-family: Roboto; font-weight: 300; font-style: italic;
Copy to Clipboard
Roboto Regular
This should be the default weight on all body copy.
font-family: Roboto; font-weight: 400;
Copy to Clipboard
Roboto Regular Italic
font-family: Roboto; font-weight: 400; font-style: italic;
Copy to Clipboard
Roboto Medium
font-family: Roboto; font-weight: 500;
Copy to Clipboard
Roboto Medium Italic
font-family: Roboto; font-weight: 500; font-style: italic
Copy to Clipboard
Roboto Bold
font-family: Roboto; font-weight: 700;
Copy to Clipboard
Roboto Bold Italic
font-family: Roboto; font-weight: 700; font-style: italic;
Copy to Clipboard
Roboto Black
font-family: Roboto; font-weight: 900;
Copy to Clipboard
Roboto Black Italic
font-family: Roboto; font-weight: 900; font-style: italic;
Copy to Clipboard
Roboto Condensed
Roboto Condensed Regular
font-family: Roboto Condensed; font-weight: 400;
Copy to Clipboard
Roboto Condensed Regular Italic
font-family: Roboto Condensed; font-weight: 400; font-style:
italic;
Copy to Clipboard
Roboto Condensed Bold
font-family: Roboto Condensed; font-weight: 700;
Copy to Clipboard
Roboto Condensed Bold Italic
font-family: Roboto Condensed; font-weight: 700; font-style:
italic;
Copy to Clipboard
Roboto Mono
Roboto Mono Regular
font-family: Roboto Mono; font-weight: 400;
Copy to Clipboard
Roboto Slab
Roboto Slab Regular
font-family: Roboto Slab; font-weight: 400;
Copy to Clipboard
Roboto Slab Bold
font-family: Roboto Condensed; font-weight: 700;
Copy to Clipboard
The following code and assets should be used so that the Samaritan's
Purse brand icon displays clearly on all web, iOS, Android and Windows
viewports.
Step 1
Copy and paste the following code into the head of your HTML document.
<!-- The following link & meta lines relate to the proper
rendering of favicon across various platforms & browsers -->
<link rel="apple-touch-icon" sizes="180x180"
href="/apple-touch-icon.png"> <link rel="icon" type="image/png"
href="/favicon-32x32.png" sizes="32x32"> <link rel="icon"
type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link
rel="manifest" href="/manifest.json"> <link rel="mask-icon"
href="/safari-pinned-tab.svg" color="#798034"> <meta
name="theme-color" content="#ffffff">
Step 2
Download, expand and place the contents of sp-favicons.zip in the root
of your project.
Apple Touch (180x180 .png)
Microsoft Tile (150x150 .png)
Android Chrome (256x256 .png)
Android Chrome (192x192 .png)
facebook.svg
Use this icon to link to Samaritan's Purse Facebook.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/facebook.svg
Copy to Clipboard
URL to page:
https://www.facebook.com/SamaritansPurse/
Copy to Clipboard
instagram.svg
Use this icon to link to Samaritan's Purse Instagram.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/instagram.svg
Copy to Clipboard
URL to page:
https://www.instagram.com/samaritanspurse/
Copy to Clipboard
linkedin.svg
Use this icon to link to Samaritan's Purse LinkedIn.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/linkedin.svg
Copy to Clipboard
URL to page:
https://www.linkedin.com/company/22112/
Copy to Clipboard
pinterest.svg
Use this icon to link to Samaritan's Purse Pinterest.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/pinterest.svg
Copy to Clipboard
URL to page:
https://www.pinterest.com/samaritanspurse/
Copy to Clipboard
rss.svg
Use this icon to link to Samaritan's Purse RSS.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/rss.svg
Copy to Clipboard
URL to page:
https://feeds.feedblitz.com/SamaritansPurse/
Copy to Clipboard
twitter.svg
Use this icon to link to Samaritan's Purse Twitter.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/twitter.svg
Copy to Clipboard
URL to page:
https://twitter.com/SamaritansPurse/
Copy to Clipboard
youtube.svg
Use this icon to link to Samaritan's Purse YouTube.
Path to asset:
https://cdn.samaritanspurse.org/global/social-icons/youtube.svg
Copy to Clipboard
URL to page:
https://www.youtube.com/user/SamaritansPurseVideo/
Copy to Clipboard
occ-logo-full-color.svg
Use this logo on all Samaritan's Purse digital properties with a
color-coordinated background.
https://cdn.samaritanspurse.org/global/occ/logos/occ-logo-full-color.svg
Copy to Clipboard
occ-logo-black.svg
Use this logo on all Samaritan's Purse digital properties with a
light background.
https://cdn.samaritanspurse.org/global/occ/logos/occ-logo-black.svg
Copy to Clipboard
occ-logo-white.svg
Use this logo on all Samaritan's Purse digital properties with a
dark background.
https://cdn.samaritanspurse.org/global/occ/logos/occ-logo-white.svg
Copy to Clipboard
Use these colors in the design of Global Operation Christmas Child
properties. Do not use tint or shade derivitives of these colors.
Instead you may include any value of neutral gray including black and
white.
#C9161D
Use the Operation Christmas Child red color on all non-prose
design elements.
#C9161D
Copy to Clipboard
#008943
Use the Operation Christmas Child green color on all non-prose
design elements.
#008943
Copy to Clipboard
The following code and assets should be used so that the OCC brand icon
displays clearly on all web, iOS, Android and Windows viewports.
Step 1
Copy and paste the following code into the head of your HTML document.
<!-- The following link & meta lines relate to the proper
rendering of favicon across various platforms & browsers -->
<link rel="apple-touch-icon" sizes="180x180"
href="/apple-touch-icon.png"> <link rel="icon" type="image/png"
href="/favicon-32x32.png" sizes="32x32"> <link rel="icon"
type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link
rel="manifest" href="/manifest.json"> <link rel="mask-icon"
href="/safari-pinned-tab.svg" color="#798034"> <meta
name="theme-color" content="#ffffff">
Step 2
Download, expand and place the contents of occ-favicons.zip in the root
of your project.
Apple Touch (180x180 .png)
Microsoft Tile (150x150 .png)
Android Chrome (512x512 .png)
Android Chrome (256x256 .png)
Android Chrome (192x192 .png)
local-event.svg (50x50)
Use this icon for Local Events.
https://cdn.samaritanspurse.org/global/occ/event-icons/local-event.svg
Copy to Clipboard
virtual-event.svg (50x50)
Use this icon for Virtual Events.
https://cdn.samaritanspurse.org/global/occ/event-icons/virtual-event.svg
Copy to Clipboard
national-event.svg (50x50)
Use this icon for OCC National Events.
https://cdn.samaritanspurse.org/global/occ/event-icons/national-event.svg
Copy to Clipboard
USA β OCC Extranet Icons
document-resources.svg
Use this icon when linking to the OCC Document Resources
application.
https://cdn.samaritanspurse.org/global/occ/application-icons/document-resources.svg
Copy to Clipboard
drop-off-location-management.svg
Use this icon when linking to the OCC Drop-Off Location
Management application.
https://cdn.samaritanspurse.org/global/occ/application-icons/drop-off-location-management.svg
Copy to Clipboard
home.svg
Use this icon when linking to the OCC Extranet home screen.
https://cdn.samaritanspurse.org/global/occ/application-icons/home.svg
Copy to Clipboard
leader-inbox.svg
Use this icon when linking to the OCC Leader Inbox application.
https://cdn.samaritanspurse.org/global/occ/application-icons/leader-inbox.svg
Copy to Clipboard
my-profile-settings.svg
Use this icon when linking to the OCC Extranet My Profile
screen.
https://cdn.samaritanspurse.org/global/occ/application-icons/my-profile-settings.svg
Copy to Clipboard
national-partnership-resources.svg
Use this icon when linking to the OCC National Partnership
Resources application.
https://cdn.samaritanspurse.org/global/occ/application-icons/national-partnership-resources.svg
Copy to Clipboard
recommitment-dashboard.svg
Use this icon when linking to the OCC Recommitment Dashboard
application.
https://cdn.samaritanspurse.org/global/occ/application-icons/recommitment-dashboard.svg
Copy to Clipboard
reporting-center.svg
Use this icon when linking to the OCC Reporting Center
application.
https://cdn.samaritanspurse.org/global/occ/application-icons/reporting-center.svg
Copy to Clipboard
video-resources.svg
Use this icon when linking to the OCC section of
video.samaritanspurse.org.
https://cdn.samaritanspurse.org/global/occ/application-icons/video-resources.svg
Copy to Clipboard
volunteer-selection-ampersand-onboarding.svg
Use this icon when linking to the OCC Volunteer Selection &
Onboarding application.
https://cdn.samaritanspurse.org/global/occ/application-icons/volunteer-selection-ampersand-onboarding.svg
Copy to Clipboard
connect-maps.svg
Use this icon when linking to OCC Connect Maps.
https://cdn.samaritanspurse.org/global/occ/application-icons/connect-maps.svg
Copy to Clipboard
online-training.svg
Use this icon when linking to OCC Online Training.
https://cdn.samaritanspurse.org/global/occ/application-icons/online-training.svg
Copy to Clipboard
myteam.svg
Use this icon when linking to OCC MyTeam.
https://cdn.samaritanspurse.org/global/occ/application-icons/myteam.svg
Copy to Clipboard
help-desk.svg
Use this icon when linking to the MyOCC Help Desk
https://cdn.samaritanspurse.org/global/occ/application-icons/help-desk.svg
Copy to Clipboard
USA β OCC Email Template Assets
These assets are for specific use within various OCC email templates. Do
not use these assets elsewhere.
Android Icon
This icon is used in the 'Download Our Free Mobile Apps' section
of the email template for linking to the app's listing within
Google Play.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/android-icon@1x.png
Copy to Clipboard
Apple Icon
This icon is used in the 'Download Our Free Mobile Apps' section
of the email template for linking to the app's listing within
Apple's App Store.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/apple-icon@1x.png
Copy to Clipboard
Facebook Icon
This icon is used within the OCC email template footer and links
to OCC's Facebook page.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/facebook-icon@1x.png
Copy to Clipboard
URL to page:
https://www.facebook.com/OCCshoeboxes/
Copy to Clipboard
Instagram Icon
This icon is used within the OCC email template footer and links
to OCC's Instagram's page.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/instagram-icon@1x.png
Copy to Clipboard
URL to page:
https://www.instagram.com/operationchristmaschild/
Copy to Clipboard
Pinterest Icon
This icon is used within the OCC email template footer and links
to OCC's Facebook page.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/pinterest-icon@1x.png
Copy to Clipboard
URL to page:
https://www.pinterest.com/OperationChristmasChild/
Copy to Clipboard
Twitter Icon
This icon is used within the OCC email template footer and links
to OCC's Twitter page.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/twitter-icon@1x.png
Copy to Clipboard
URL to page:
https://twitter.com/OCC_shoeboxes
Copy to Clipboard
Samaritan's Purse Logo
This Samaritan's Purse logo is used within the email template
footer.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/samaritans-purse-logo-horiz-white.png
Copy to Clipboard
Operation Christmas Child Logo
This Operation Christmas Child logo is used within the email
template header.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/occ-logo-full-color.png
Copy to Clipboard
Greatest Journey App Icon
This app icon is used in the 'Download Our Free Mobile Apps'
section to represent the Greatest Journey App.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/greatest-journey-app-icon.png
Copy to Clipboard
Operation Christmas Child App Icon
This app icon is used in the 'Download Our Free Mobile Apps'
section to represent the Operation Christmas Child App.
https://cdn.samaritanspurse.org/global/occ/email-template-assets/operation-christmas-child-app-icon.png
Copy to Clipboard
USA β U.S. Disaster Relief Icons
us-disaster-relief-icon-black.svg
Use this icon on light color backgrounds.
https://cdn.samaritanspurse.org//usa/us-disaster-relief/icons/us-disaster-relief-icon-black.svg
Copy to Clipboard
us-disaster-relief-icon-white.svg
Use this icon on dark color backgrounds.
https://cdn.samaritanspurse.org//usa/us-disaster-relief/icons/us-disaster-relief-icon-white.svg
Copy to Clipboard
USA β U.S. Disaster Relief Colors
Use these colors in the design of U.S. Disaster Relief digital
properties. Only use the tint and shade derivitives of these colors
shown below.
#FF6319 (Primary)
Use the primary US Disaster Relief orange color on all non-prose
design elements.
#FF6319
Copy to Clipboard
#292929 (Primary)
Use the primary US Disaster Relief grey color on any design
element.
#292929
Copy to Clipboard
#E2461C (Shade)
Use this US Disaster Relief orange color on all non-prose design
elements.
#E2461C
Copy to Clipboard
#D9421D (Shade)
Use this US Disaster Relief orange color on all non-prose design
elements.
#D9421D
Copy to Clipboard
#C2361E (Shade)
Use this US Disaster Relief orange color on all non-prose design
elements.
#C2361E
Copy to Clipboard
#EAEBEC (Tint)
Use this US Disaster Relief grey color on any non-prose design
element.
#EAEBEC
Copy to Clipboard
#E6E6E6 (Tint)
Use this US Disaster Relief grey color on any non-prose design
element.
#E6E6E6
Copy to Clipboard
#CECECE (Tint)
Use the US Disaster Relief grey color on any design element.
#CECECE
Copy to Clipboard
#4D4D4D (Tint)
Use the US Disaster Relief grey color on any design element.
#4D4D4D
Copy to Clipboard
USA - Samaritan's Purse Required Links
USA Solicitation Disclosure
Link to Samaritan's Purse solicitation disclosure from within
projects released within the USA.
https://www.samaritanspurse.org/our-ministry/solicitation-disclosure/
Copy to Clipboard
USA Privacy Policy
Link to Samaritan's Purse privacy policy from within projects
released within the USA.
https://www.samaritanspurse.org/our-ministry/privacy-policy/
Copy to Clipboard
USA - Samaritan's Purse Required Text
USA Address
Include the following address in all products produced for use
within the USA.
Samaritan's Purse PO Box 3000 Boone, NC 28607 828.262.1980
Copy to Clipboard
USA Disclaimer
Include the following disclaimer in any product which can be
used to solicit donations to Samaritan's Purse.
Samaritanβs Purse is a 501(c)(3) tax-exempt charity. All
contributions designated for specific projects shall be applied
to those projects, and we may assess up to 10 percent to be used
for administering the gift. Occasionally, we receive more
contributions for a given project than can be wisely applied to
that project. When that happens, we use these funds to meet a
similar pressing need.
Copy to Clipboard
Global - Samaritan's Purse Required Links
Statement of Faith
Link to the Samaritan's Purse Statement of Faith from within
your project.
https://www.samaritanspurse.org/our-ministry/statement-of-faith/
Copy to Clipboard
Mission Statement
Link to the Samaritan's Purse Mission Statement from within your
project.
https://www.samaritanspurse.org/our-ministry/about-us/
Copy to Clipboard
Global - Samaritan's Purse Required Text
Copyright
Include this copyright on all projects.
Β© Copyright [Current Year] Samaritan's Purse. All rights
reserved.
Copy to Clipboard