1
Branding
Meet Outstaffer.com,
Brand Style Guide
Our styleguide is a resource for designers, marketing managers, and developers, providing a common style around our brand. We use it to maintain visual consistency across Outstaffer.
Introduction
With our company’s growth and new direction, we need a brand identity that is efficient to use, flexible across applications, and able to feature localized content in a globally consistent way.
How to use this guide
All of Outstaffer.com brand features are proprietary. If you opt to use any trademarks, logos, designs, and/or other brand features, you acknowledge your acceptance of the terms in the brand guidelines.
Logo
Download files here
Logo
Outstaffer logo is a specially designed and distinctive graphic image. Any modifications to its style, proportions and letterforms are not permitted. The logo must be used correctly, in its original form
Core Logo - Outstaffer.com
This mark is ready to use on any external-facing properties.
Logo Variation - Outstaffer
This mark is ready to use on any external-facing properties.
Allow enough space on all sides.
Allow enough space on all sides.
Allow enough space on all sides.
Logo Color Variations
Favicon
Favicon 32x32
Designed in png and ico format
Colour Palette
There are different pallets for different purposes.
Do not mix these pallets
Do not mix these pallets
Primary & Secondary Palette colors
Midnight Blue
#1b3360
Deep Sky Blue
#00acd6
Light Grey
#cdd6df
Ghost White
#f5f7fd
Ghost White A80
#F7F9FD
Light Grey A20
#E0E2E4
White
#ffffff
Typograhy Palette
Downriver
#0a1f44
Port Gore
#4e5d78
Regent Gray
#8a94a6
Cadet Blue
#b0b7c3
Ghost
#c1c7d0
Athens Gray
#ebecf0
Casper
#fafbfc
Icons Palette
Icons colors (related to squares) colors. Use only in pairs.
Deep Sky Blue
#00ACD6
Pumpkin
#FD7E14
Meadow
#12B886
Purple
#6745DB
Cobalt
#104BA2
Bismark
#556E7D
Icons Palette
Squares (backgrounds) colors
Pattens Blue
#D0EBFF
Blanched Almond
#ffe8cc
Humming Bird
#C3FAE8
Lavender
#E8E2FF
Solitude
#E3EDFF
Pale Blue
#D8E2E9
Typography Styles
Download font here
Headings
Typography - Inter Bold
Aa Bb Cc Dd Ee
Heading 1
40px
Aa Bb Cc Dd Ee
Heading 2
32px
Aa Bb Cc Dd Ee
Heading 3
24px
Aa Bb Cc Dd Ee
Heading 4
18px
Aa Bb Cc Dd Ee
Heading 5
15px
Aa Bb Cc Dd Ee
Heading 6
12px
Body Copy
Typography - Inter
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Paragraph Large
18px
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Paragraph Normal
16px
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Paragraph Small
14px
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Detail Messages
12px
Quotes
Typography - Inter
The ultimate Interface component kit built to create harmony across your products.
Plain Quote Block
18px
The ultimate Interface component kit built to create harmony across your products.
Additional Detail Messages
18px
Additional Copy Elements
Typography - Inter
- Example Item 1
- Example Item 2
- Example Item 3
List Items - Dots
16px
- Example Item 1
- Example Item 2
- Example Item 3
List Items - Numbers
16px
- Example Item 1
- Example Item 2
- Example Item 3
List Items - Letters
16px
Additional Copy Elements
Typography - Inter
This line rendered as bold text.
Bold Text
14px
This line rendered as italicized text.
Italicized Text
14px
This line of text is meant to be treated as deleted text.
Deleted Text
14px
This line of text is meant to be treated as deleted text.
Underline Text
14px
Body Classes
body-xxLarge-semiBoldWeight
body-xlarge-semiBoldWeight
body-xlarge-mediumWeight
body-xlarge-normalWeight
body-large-semiBoldWeight
body-large-mediumWeight
body-large-normalWeight
Body-regular-boldWeight
Body-regular-semiBoldWeight
Body-regular-mediumWeight
Body-regular-normalWeight
Body-small-normalWeight
Body-tiny-normalWeight
Label-Large-SemiBoldWeight
Label-Large-mediumWeight
Label-regular-BoldWeight
Label-regular-SemiBoldWeight
Label-regular-MediumWeight
Label-regular-NormalWeight
Label-small-semiboldWeight
Label-tiny-mediumWeight
Elevation & Shadows
Do not mix a few different styles on one page
Elevation and Shadows
Outter Shadow, Inner Shadow
Shadow
S1
Shadow
S2
Shadow
S3
Shadow
S4
Shadow
S5
Shadow
S1
Shadow
S2
Shadow
S3
Avatars
Looking for something else? Check files here
Avatars size guide
X Large
96px
Large
40px
Medium
32px
Small
24px
X Small
18px
TB
X Large
96px
TB
Large
40px
T
Medium
32px
T
Small
24px
T
X Small
18px
Buttons
Looking for something else? Check files here
Primary Buttons
Rounded
Secondary Buttons
Line Button
Field Elements
Looking for something else? Check files here
Form Fields
Input Fields
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Alert Bars
Looking for something else? Check files here
Notification
Input Fields
Looks like we're having trouble
Default Alert Error
Looks like we're having trouble
Warning Alert
Looks like we're having trouble
Error Alert
Your information has been saved.
Default Alert Check
Your information has been saved.
Default Alert Grey
Your information has been saved.
Confirm Alert
Badges
Looking for something else? Check files here
Pill Badges
Corner Radius
5
32
32
32
32
5
32
3
22
3
Contextual Badges
Corner Radius
Default
Primary
Success
Warning
Error
Default
Primary
Success
Success
Success
Version Control
Corner Radius
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
1
Version 1.0
Icons
Download all icons in .png or .svg here
Business Units and Teams
download here
Growth
Marketing
Sales
Partnerships
Product & Engineering
Product & Design
Engineering
IT Support
IT and Business Systems
Customer Enablement
Global Recruitment
Onboarding & Mobility
Customer Success
Operations
Business Operations
People
HR Support
Compliance
Finance
Treasury
Accounting & Tax
Payroll & Benefits
Administration
Corporate
Strategic Planing
Investor Relations
Boards of Directors
Products and Benefits
download here
Recruitment
Cost effective
Data safe
Cloud
Cloud
Monitor
Track
Track
Work
from home
from home
Managed PC
Managed PBX
Monitor
Track
Care &
Support
Support
VR Workplaces
VR Hardware
VR Software
Industries
download here
Ecommerce
Entrepreneurs & Start Ups
Financial Services & Insurance
Information Technology
Legal Services
Professional Services
Real Estate
Telecom
& ISPs
& ISPs
Utilities
Product Features
download here
PBX
Web Conferencing
Live Chat
Call Centre
Enterprise
Agreement
Contract
Contract
Health Care
Training
Lifestyle
Engagement
Engagement
HR (Human Resources)
Payroll
Support
Mobile Field Service
Employee
Employee ID
Employment Verification
Reference Check
Score
Video Interview
Shortlist
Replacement
High Speed Internet
Secure
In-house Staff
Varied Perspectives
Time Efficience
Verification
Pocket Doctor
Events
VR
download here
VR Control
VR
VR Movement
VR
Support
download here
Getting Started
Using Outstaffer.com
VR Billing & Payments
Payroll & Benefits
Global Recruitment
Global EOR
Equipment
Insightful
VR Workplaces
Country Information
Legal Information
Remote Working Tips
EOR Employee Handbook
EOR Employee Policies
Company Information
Recruitment blue icons
download here
Happy Work Environment
Team
Ownership
Craftsmanship
Smart Risks Faster
Act with urgency
Employee
Monitor and Track
Support
Time on Projects and Tasks
Apps
Screenshots
Desktop, VR and PBX blue icons
download here
PC Specifications
Cloud
Desktop Management
Oculus
Security
VR
Tracking
VR Controll / Input
Resolution
VR Display
Audio
Processor
Battery Life
Storage
VR Mode
Glasses Friendly
Queue
Wallboard
Conference call
Call Recording
Reporting
Link / Integrations
Monitor
3D Realistic Avatar
Share screen
Monitor and Time Tracking blue icons
download here
Real Time Tracking
Attendance
Tracking
Timekeeping
Manual Time Entries
.svg)
Labeling
Activities Tracking
Budgets
Project Management
Time on Projects and Tasks
Apps
Screenshots
Illustrations
Download all illustrations here
#HireFromAnywhere Illustrations
download here
1_#HireFromAnywhere
2_Global Employement
3_Outstaffer Globe
4_International Hiring
5_Hiring from Australia
6_Hiring from Australia 2
7_Hiring employees around the world
8_Hiring from USA
9_Hiring from Australia 3
10_Hiring from USA 2
11_International Recruitment
12_International Recruitment 2
13_Hire build team
14_Hire, work from anywhere
15_HireFromAnywhere
16_hire-from-anywhere, employees
17_employees
18_hiring needs
19_Remote-working-global-team
20_Work from anywhere
21_WorkFromAnywhere
22_Map illustration
VR Illustrations
download here
VR Workplaces 1
VR Workplaces 2
VR Workplaces 3
VR Workplaces 4
VR Meetings
VR Hardware 1
VR Hardware 2
VR
How it works, departments
download here
Recruit
How It Works 1
How It Works 2
How It Works 3
How It Works 4
How It Works additional
Onboard
Care and Support
Work from Home / WFA
Early Stage / Start Up
Remote Selling
Employees / Remote team 1
Employees / Remote team 2
Employees / Remote team 3
Employees / Remote team 4
Employees / Remote team 5
Onboard 2
Payroll
Health insurance
.svg)
Local
department - finance
department - growth
department - operations
department - people and culture
department - product
department - operations
department - sales and recruitment
employees - hello, thank you
EOR_solutions affiliate program
EOR_solutions affiliate program 2
EOR_solutions contract, documents
EOR_solutions Cybersecurity CISCO
EOR_solutions Device Management
EOR_solutions
EOR_solutions Employer of Record scheme
EOR_solutions employment-documnets-checklist
EOR_solutions IP Intellectual property
EOR_solutions Microsoft 365 Enterprise
EOR_solutions payroll taxes benefits
EOR_solutions PC Configuration
EOR_solutions security
EOR_solutions Voip Microsoft 365 Integration
Build Your Team Illustrations
download here
Team Customer Support
Team Back Office
Team Informational Technology
Operations
Manage Your Team 1
Manage Your Team 2
Manage Your Team 3
Manage Your Team 4
Manage Your Team 5
Why Us Illustrations
download here
Why Us 1
Why Us 2
Why Us 3
Desktop Management Illustrations
download here
PC Configuration
Desktop Configuration
Azure
Desktop Management
Desktop Applications
Workforce AMT Illustrations
download here
Time and Attendance
Time Tracking 1
Time Tracking 2
Time Tracking 3
Monitoring 1
Monitoring 2
Tracking vs Monitoring
Screenshots
Time Tracking Software 'Screenshot' 1
Time Tracking Software 'Screenshot' 2
Time Tracking Software 'Screenshot' 3
Time and Attendace Software 1
Time and Attendace Software 2
Time and Attendace Software 3
Time and Attendace Software 4
Monitoring Software 1
.svg)
Monitoring Software 2
Monitoring Software 3
Monitoring Software 4
.svg)
Monitoring Software 5
Social Media
Download all files here
Please check the next section Ads / Posts for additional images
Please check the next section Ads / Posts for additional images
2022 FB and LinkedIn covers, Job board covers
download here
FB_cover_1
FB_cover_2
FB_cover_3
FB_cover_5
FB_cover_6
FB_cover_6_1
LinkedIn_cover_1
LinkedIn_cover_2
LinkedIn_cover_3
LinkedIn_cover_5
LinkedIn_cover_6
LinkedIn_cover_6_1
Job board
Job board_1
Job board_2
Job board_3
Job board_4
Facebook cover pictures
download here
Facebook cover 1
Facebook cover 2
Facebook cover 1
Facebook cover 2
Facebook cover 3
Facebook cover 4
Facebook cover 5
Facebook cover 6
Facebook cover 7
Facebook Post Pictures
Could be used for Linkedin, Instagram, Twitter as well. download here
Managed Desktop / Apps
Managed VR
Join out team 1
Work from Home
Managed VR
Managed VR
New Job / Back Office
New Job / Customer Support
New Job / Customer Support 2
New Job / Customer Support - IT
New Job / Customer Support 3
Join out team 2
Ads / Posts
1x1 resizes could be used as Social Media posts.
Download all files here
Download all files here
2022 Ads and Social media - EOR - Posts and Google Display Network Ads
Could be used as posts/ads on other social media as well. Available in different sizes (1x1, 300x250, 300x600, 320x100, 336x280, 728x90). Download all resizes here
EOR_1
EOR_2
EOR_3
EOR_4_carousel-picture 1
EOR_4_carousel-picture 2
EOR_4_carousel-picture 3
EOR_5
EOR_6
EOR_7_carousel-picture 1
EOR_7_carousel-picture 2
EOR_7_carousel-picture 3
EOR_7_carousel-picture 4
EOR_7_carousel-picture 5
EOR_8
EOR_9
EOR_10
EOR_11
EOR_11-1
EOR_12
EOR_13
EOR_14
2022 Ads and Social media - WFA - Posts
Could be used as posts/ads on other social media as well. Available in different sizes (1x1, 1,91x1). Download all resizes here
WFA_1
WFA_2
WFA_2-dark
WFA_3
WFA_4
WFA_5
WFA_6
2022 Ads and Social media - Posts and Google Display Network Ads
Could be used as posts/ads on other social media as well. Available in different sizes (1x1, 300x250, 300x600, 320x100, 336x280, 728x90). Download all resizes here
1
1-1
2
3
3-1
4
5
6
7
8
8-1
9
10
11
14
15
16
17
18
19
22
23
24
25
26
27
28
Carousel_1-picture 1
Carousel_1-picture 2
Carousel_1-picture 3
Google Display Network (GDN) banners
Different designs in following sizes: 300x250, 320x50, 728x90, 160x600 download here
Stationery
Brand presentations, slides template, proposals templates, email signature can be doawloaded here
Brand Awards Graphics
in .png and .svg format. download here
Award - Most Innovative Company 2022
.svg)
Award - TOP 10 HR Tech 2022
Brand Presentation Template
in .pptx format. download here
SaaP Managed Work-From-Home
by Outstaffer.com
by Outstaffer.com
Email Signature
download here
Email Signature
1. Download docx file to your PC (do not open it with browser)
2. Replace photo placeholder with your photo, change name, position, phone and email text placeholders.
3. Open MS Outlook on your PC, go to Settings - Add Signature, copy signature from the .docx file, paste to the Outlook.
Linkedin Covers
Outstaffer brand Profile Backgrounds for LinkedIn can be reviewe and downloaded here
You can always download a cover with right-click on it and select “Save image” from the menu
You can always download a cover with right-click on it and select “Save image” from the menu
Hiring from AU Covers
You can download a cover with right-click on it and select “Save image” from the menu
Hiring from AU
LN_cover_AU-1
LN_cover_AU-1
Hiring from AU
LN_cover_AU-2
LN_cover_AU-2
Hiring from AU
LN_cover_AU-3
LN_cover_AU-3
Hiring from AU
LN_cover_AU-4
LN_cover_AU-4
Hiring from AU
LN_cover_AU-5
LN_cover_AU-5
Hiring from AU
LN_cover_AU-6
LN_cover_AU-6
Hiring from US Covers
You can download a cover with right-click on it and select “Save image” from the menu
Hiring from US
LN_cover_US-1
LN_cover_US-1
Hiring from US
LN_cover_US-2
LN_cover_US-2
Hiring from US
LN_cover_US-3
LN_cover_US-3
Hiring from US
LN_cover_US-4
LN_cover_US-4
Hiring from US
LN_cover_US-5
LN_cover_US-5
Hiring from US
LN_cover_US-6
LN_cover_US-6
Hiring from PH Covers
You can download a cover with right-click on it and select “Save image” from the menu
Hiring from PH
LN_cover_PH-1
LN_cover_PH-1
Hiring from PH
LN_cover_PH-2
LN_cover_PH-2
Hiring from PH
LN_cover_PH-3
LN_cover_PH-3
Hiring from PH
LN_cover_PH-4
LN_cover_PH-4
Hiring from PH
LN_cover_PH-5
LN_cover_PH-5
Hiring from PH
LN_cover_PH-6
LN_cover_PH-6
Hiring from EU Covers
You can download a cover with right-click on it and select “Save image” from the menu
Hiring from EU
LN_cover_EU-1
LN_cover_EU-1
Hiring from EU
LN_cover_EU-2
LN_cover_EU-2
Hiring from EU
LN_cover_EU-3
LN_cover_EU-3
Hiring from EU
LN_cover_EU-4
LN_cover_EU-4
Hiring from EU
LN_cover_EU-5
LN_cover_EU-5
Hiring from EU
LN_cover_EU-6
LN_cover_EU-6
Hiring from India Covers
You can download a cover with right-click on it and select “Save image” from the menu
Hiring from India
LN_cover_INDIA-1
LN_cover_INDIA-1
Hiring from India
LN_cover_INDIA-2
LN_cover_INDIA-2
Hiring from India
LN_cover_IINDIA-3
LN_cover_IINDIA-3
Hiring from India
LN_cover_INDIA-4
LN_cover_INDIA-4
Hiring from India
LN_cover_INDIA-5
LN_cover_INDIA-5
Hiring from India
LN_cover_INDIA-6
LN_cover_INDIA-6