XBuild Brand Guidelines
Everything you need to represent XBuild correctly. Please follow these guidelines when using our brand assets.
Our Logo
The XBuild logo is the cornerstone of our brand identity. It features our distinctive "X" mark followed by "Build" in a bold, modern typeface.
For Light Backgrounds
Primary version
For Dark Backgrounds
Inverted version
Clear Space
Always maintain a minimum clear space around the logo equal to the height of the "X" mark. This ensures the logo remains legible and impactful.
Minimum Size
To maintain legibility, never use the logo smaller than 80px wide for digital or 20mm for print.
80px minimum (digital)
Brand Colors
Our color palette reflects the construction industry while maintaining a modern, tech-forward aesthetic. XBuild Gold is our signature accent color.
XBuild Gold
HEX: #E9A83A
HSL: 43° 80% 55%
Primary brand color, CTAs, accents
Charcoal Black
HEX: #080808
HSL: 0° 0% 3%
Backgrounds, primary text on light
Pure White
HEX: #F2F2F2
HSL: 0° 0% 95%
Text on dark backgrounds
Muted Gray
HEX: #1F1F1F
HSL: 0° 0% 12%
Secondary backgrounds, cards
Typography
We use two complementary typefaces that balance professionalism with approachability.
Headings
Manrope
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Used for headings, titles, and high-impact text. Weights: 500–800.
Body Text
DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Used for body copy, descriptions, and interface elements. Weights: 300–700.
Usage Guidelines
To maintain brand consistency, please follow these guidelines when using XBuild assets.
Do
- Use the logo with adequate clear space
- Use the correct version for your background color
- Keep the logo proportions intact
- Use official brand colors for XBuild-related materials
- Reference XBuild with the capital X and B (XBuild)
- Use high-resolution logo files for all materials
Don't
- Stretch, distort, or rotate the logo
- Change the logo colors or add effects
- Place the logo on busy backgrounds without contrast
- Use the logo smaller than the minimum size
- Add outlines, shadows, or gradients to the logo
- Write as 'xbuild', 'X-Build', 'X Build', or 'XBUILD'
Co-Branding
When featuring XBuild alongside partner logos, follow these layout guidelines to ensure both brands are represented clearly.
Horizontal Layout
Use a vertical divider between logos. Both logos should be optically balanced in height.
Vertical Layout
Stack logos with consistent spacing. XBuild should appear first (top) when possible.
Partnership Lock-up
For official partnerships, use the "powered by" or "in partnership with" format.
powered by
in partnership with
Co-Branding Guidelines
- Maintain equal visual weight between logos
- Use consistent spacing—minimum 32px between logos
- Choose the appropriate XBuild logo version based on background
- Never overlap or interlock logos
- Ensure adequate contrast for both logos
- Get approval for custom lock-ups from XBuild team
Brand Voice
How we communicate is just as important as how we look. Our voice reflects our values.
Professional
We speak with confidence and expertise. We know construction and technology.
Direct
We get to the point. Contractors are busy—we respect their time.
Helpful
We're here to make work easier. Our tone is supportive, never condescending.
Innovative
We embrace modern solutions while respecting industry traditions.
Trustworthy
We're reliable and consistent. Contractors can count on us.
Clear
No jargon for jargon's sake. We explain complex things simply.
Questions About Brand Usage?
If you have questions about using XBuild assets or need additional formats, please reach out to our team.
Contact Us