Brand Guidelines
Official brand resources, logos, and usage guidelines for representing DATAx.
Logos
Download our official logos in various formats and variations.
Icons
Square app icons in various sizes for web, mobile, and platform use.
.webp&w=256&q=75)
.png){kind=link}
Logo Usage
Guidelines for proper logo implementation and presentation.
Use the primary logo on light backgrounds. Ensure adequate contrast and clear space.
Use white or inverted version on dark backgrounds. Maintain strong contrast.
Logo Guidelines
Do
- ✓Maintain clear space around logo
- ✓Scale proportionally
- ✓Ensure sufficient contrast
- ✓Minimum 120px width (digital)
Don't
- ✗Distort or rotate the logo
- ✗Change logo colors
- ✗Add effects or shadows
- ✗Modify or recreate
Visual Examples
Proper proportions and clear space
Don't stretch or distort
Good contrast with background
Don't use on low-contrast backgrounds
Color Palette
Our color system ensures visual consistency and brand recognition.
Primary Yellow
CTAs, brand accents
#FFD400
RGB 255, 212, 0
CMYK 0, 17, 100, 0
Black
Primary text
#000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100
White
Backgrounds
#FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
Gray 900
Headings
#111827
RGB 17, 24, 39
CMYK 56, 38, 0, 85
Gray 600
Secondary text
#4B5563
RGB 75, 85, 99
CMYK 24, 14, 0, 61
Gray 200
Borders
#E5E7EB
RGB 229, 231, 235
CMYK 3, 2, 0, 8
💡Color Usage
Use Primary Yellow (#FFD400) sparingly for CTAs and highlights. Black and gray tones form the foundation.Important: Always use yellow at full opacity (100%) - no transparency variants. Ensure WCAG AA contrast minimum for accessibility. Hover over colors to copy HEX codes.
Typography
We use Geist Sans for all text, providing excellent readability and a modern aesthetic.
Geist Sans
Primary Typeface
Light (300)
The quick brown fox jumps over the lazy dog
Regular (400)
The quick brown fox jumps over the lazy dog
Medium (500)
The quick brown fox jumps over the lazy dog
Semibold (600)
The quick brown fox jumps over the lazy dog
Bold (700)
The quick brown fox jumps over the lazy dog
Extrabold (800)
The quick brown fox jumps over the lazy dog
Black (900)
The quick brown fox jumps over the lazy dog
Font Weight Usage
- ●Light (300) for headlines, hero text
- ●Regular (400) for body copy
- ●Semibold (600) for emphasis, buttons
- ●Bold (700) for strong emphasis, CTAs
- ●Black (900) for hero emphasis
Spacing & Hierarchy
- ●Very tight leading (1.05-1.2) for headings
- ●Relaxed leading (1.625) for body text
- ●Tight tracking for headlines
- ●Wide tracking (0.05em) for uppercase labels
Voice & Tone
Our brand voice reflects who we are and how we communicate.
We are
- Professional
Yet approachable and human
- Clear & Concise
Direct, actionable content
- Solution-Focused
Addressing real challenges
- Confident
Backed by expertise
We are not
- Overly Technical
Avoid alienating jargon
- Casual
Not unprofessional or slangy
- Hyperbolic
No exaggerated claims
- Condescending
Never patronizing