Brand
TechieButler Brand Guidelines
Official logos, typefaces and colour values for representing TechieButler across digital and print. Use the files as supplied, without modification
The Name
“TechieButler” is two words merged into one “Techie” for the engineering talent we represent, and “Butler” for the white-glove service we deliver.
The name was born from a simple belief: hiring senior engineers shouldn’t feel like a gamble.
It should feel like someone already did the vetting, the filtering, and the thinking for you and simply presented the right person at the right time. That’s what a butler does.
Not a vendor. Not a marketplace. A trusted operator who anticipates what you need before you ask.
Always spelled as one word with a capital “T” and capital “B” TechieButler, never “Techie Butler” or “techiebutler.”
The Wordmark
The wordmark is the primary expression of the brand and appears on every surface we own. Use the supplied exports at full opacity and never redraw it
FORMATS
- SVG · DIGITAL
- Web, product UI, social, presentations
- EPS / PDF · PRINT
- Banners, signage, brochures
- PNG · FALLBACK
- Only where vector is unsupported
Clear Space
Clear space is the minimum empty area around the mark, measured against the width of the T stem. Double it on hero surfaces where the logo leads
XXYYOn Imagery
Three approved treatments cover every photographic surface. Choose the one that holds contrast against the image behind it and never invent a fourth
YES
These treatments keep the mark readable
No
These moves break the mark and the trust
Logo Misuse
These are the modifications that break recognition and weaken trust in the mark. If a use case is not covered by an approved export, it is not approved
No
No
Logo Lockups
A lockup is the wordmark paired with supporting text in a fixed relationship. The spacing is part of the artwork, so lockups are used as supplied and never rebuilt
make something
brag worthy
Partner Lockups
Partner lockups place our mark beside another brand at equal visual weight, separated by a vertical rule. Neither mark is scaled, nested or given priority
Research
Libearty
Sub Brands
Each sub-brand carries its own name, mark and voice while sharing the underlying system. None of them are presented as products of TechieButler
The Typefaces
Rajdhani carries display and headings, Urbanist carries body copy, IBM Plex Mono carries labels and legal text. No fourth typeface enters the system
Aa
Rajdhani
Aa
IBM Plex Mono
Aa
Urbanist
Aa
RETRO-86
Type Scale
Five display steps and six body steps cover every layout we build. Sizes are used as defined and never interpolated between the steps
Rajdhani Font
- Display
- Medium · 55/64
- Header 1
- Medium · 48/56
- Header 2
- Medium · 32/40
- Header 3
- SemiBold · 24/32
- Header 4
- SemiBold · 18/28
IBM Plex Mono
- Caption 2
- Medium · 12/18
Urbanist Font
- Header 4
- SemiBold · 18/28
- Body XL
- Regular · 24/32
- Body Lead
- Regular · 18/28
- Body
- Regular · 16/24
- Body Small
- Regular · 14/22
- Caption
- Medium · 12/18
- Eyebrow
- Medium · 12/16
The Palette
Neutrals build the surface, orange carries action and emphasis, green and red signal state only. Every value below is a token, not a suggestion
Neutral
50
#F7F7F7
100
#F1F1F1
200
#E0E0E0
300 •
#A6A6A6
400
#808080
500
#4E4E4E
600
#373737
700
#2D2D2D
800
#181818
900
#141414
950
#0D0D0D
Orange (Brand)
50
#FFF5E8
100
#FFEBD6
200
#FFD199
300
#FFB35C
400
#FF9420
500 •
#F07C00
600
#C46800
700
#9C5400
800
#6E3B00
900
#4D2800
Green (Success)
50
#E8FAF1
100
#D4F5E7
200
#9FEDD3
300
#4EE0B8
400
#02D29E
500 •
#00A76F
600
#009360
700
#007A50
800
#005C3C
900
#003D28
Red (Error)
50
#FEE8EA
100
#FDD9DC
200
#FBBBC0
300
#F58A93
400
#EF4351
500 •
#EB1C2D
600
#D31A2A
700
#B21929
800
#8B1220
900
#660A14
