Brand style guide

Features

Logo

Dashboard mockup
Primary logo
Dashboard mockup
Logomark

Color palette

Primary
Paylode orange
Primary CTAs, & logo text
Hex
#EB6031
RGB
rgb(235, 96, 49)
HSL
hsl(15,82,56)
HSV
hsv(15,79,92)
Secondary
Dark moderate blue
Titles, buttons, & text links
Hex
#4E5BA6
RGB
rgb(78, 91, 166)
HSL
hsl(231, 36, 48)
HSV
hsv(231, 53, 65)
Tertiary
Summer sky
Buttons & section backgrounds
Hex
#D5D9EB
RGB
rgb(213, 217, 235)
HSL
hsl(229, 35, 88)
HSV
hsv(229, 9, 92)
Neutral
Aura metal
Neutral paragraph text, & captions
Hex
#6C737F
RGB
rgb(108, 115, 127)
HSL
hsl(218, 8, 46)
HSV
hsv(218, 15, 50)
Gradient light
Morning glow
Content boxes and accent borders
Hex
#D5D9EB to #FDEFEA
RGB
rgb(213, 217, 235) to rgb(253, 239, 234)
HSL
hsl(229, 35, 88) to hsl(16, 83, 95)
HSV
hsv(229,9,92) to hsv(16, 8, 99)
Deg
60
Gradient dark
Sunset
Gradient heading accents
Hex
#EB6031
RGB
rgb(78, 91, 166) to rgb(235, 96, 49)
HSL
hsl(231, 36, 48) to hsl(15, 82, 56)
HSV
hsv(231, 53, 65) to hsv(15, 79, 92)
Deg
135

Still have questions?

Can’t find the answer you’re looking for? Please chat to our friendly team.

Features

Typography

Primary typeface
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Features

Voice and tone

Paylode's voice is confident, empowering, and straightforward. Mirror values like simplicity and curiosity.
Voice
Professional, approachable, and customer-focused.
Tone
Optimistic, action-oriented, and easy for a layperson to understand. Informational without jargon.
Style
Active voice. Short sentences. Benefit-led. Sentence case titles.