Deskfirst Brand Assets
Discover the proper assets and guidelines to use when promoting, mentioning, or otherwise referencing our brand. Need something else? Contact our team.
Logo Assets
The Deskfirst Logo
This is our primary logo with the horizontal lockup.
On dark backgrounds, use our full-color logo with white text.
Icon Assets
App Icons
Primary
Alternate
Tertiary
No Background
Icon Assets
App Icons
Always be sure our logo has space to breathe.
Use our whiteout logo on dark-colored backgrounds.
"deskfirst" is one word with a lower-case “f”.
Don't use our icon without the Deskfirst name.
Never use "Deskfirst" without our icon.
Please don't change the color of our logo.
Please don't change the color of our logo.
Color Assets
Color Palette
Our primary color is purple, and we use different variation accents of purple across the brand.
PRIMARY
Text colors
Primary Purple
HEX
#7167E0
rgba (113, 103, 224, 1)
Copy HEX code
#7167E0
Copy RGBA code
(113, 103, 224, 1)
accents
Purple 900
HEX
#110D1E
rgba (17, 13, 30, 1)
Copy HEX code
#110D1E
Copy RGBA code
(17, 13, 30, 1)
Purple 800
HEX
#1A142D
rgba (26, 20, 45, 1)
Copy HEX code
#1A142D
Copy RGBA code
(26, 20, 45, 1)
Purple 700
HEX
#2A224B
rgba (42, 34, 75, 1)
Copy HEX code
#2A224B
Copy RGBA code
(42, 34, 75, 1)
Purple 600
HEX
#3C3370
rgba (60, 51, 112, 1)
Copy HEX code
#3C3370
Copy RGBA code
(60, 51, 112, 1)
Purple 500
HEX
#4D4495
rgba (77, 68, 149, 1)
Copy HEX code
#4D4495
Copy RGBA code
(77, 68, 149, 1)
Purple 400
HEX
#9D99EA
rgba (157, 153, 234, 1)
Copy HEX code
#9D99EA
Copy RGBA code
(157, 153, 234, 1)
Purple 300
HEX
#B6B2EF
rgba (182, 178, 239, 1)
Copy HEX code
#B6B2EF
Copy RGBA code
(182, 178, 239, 1)
Purple 200
HEX
#CECCF5
rgba (206, 204, 245, 1)
Copy HEX code
#CECCF5
Copy RGBBA code
(206, 204, 245, 1)
Purple 100
HEX
#EBEAF9
rgba (235, 234, 249, 1)
Copy HEX code
#EBEAF9
Copy RGBA code
(235, 234, 249, 1)
POINTER PERSONA colors
Font Assets
Typography
Typography is a crucial aspect of our visual identity. It ensures consistency and helps communicate our brand effectively. This guide outlines the appropriate use of our typography scale across various applications.
Clarity in communication is key for us, so we use the contemporary sans-serif font Urbanist for all text on brand and marketing materials.
web Typeface
Urbanist
H1 - 52px / Semi-Bold / Line Height -1.2 / Letter Spacing -0.4px
Main Heading
H2 - 46px / Bold / Line Height- 1.2 / Letter Spacing -0.4px
Sub Heading
H3- 28px / Bold / Line Height 1.2- Letter Spacing -1px
Sub Heading
Large Paragraph - 20px / Regular / Line Height 1.5
Used for shorter sub titles, that usually live below a leading title.
Body text - 18px / Regular / Line Height 1.5
Used for body text, suits best for longer text blocks in visuals and presentation of features
Typography usage guides
Consistency:
Maintain consistent use of typography scales across all platforms to ensure a cohesive visual identity.
Hierarchy:
Use different scale levels to create a clear hierarchy, guiding the reader through the content effortlessly.
Contrast:
Ensure sufficient contrast between different typography levels to enhance readability and visual appeal.
Spacing:
Pay attention to line height to maintain readability, especially for longer texts.
Visual Assets
App Screenshots
We've gathered high-resolution screenshots of each unique Deskfirst view, exclusively for you.
