Gameel Brand Guidelines
The complete reference for Gameel's colors, typography, logo usage, and brand voice.
Color Palette
Brand Guidelines
The official brand style guide for Gameel, detailing colors, typography, logo guidelines, and brand voice consistency.
Guidelines to ensure our logo is always represented with high visual integrity.
Contrast Usage
Use on black or very dark backgrounds only.
Clear Space
Maintain minimum clear space of 24px around logo.
Proportion Lock
Scale proportionally; never stretch or squash.
Clean Placement
Never place on busy/complex backgrounds.
Color Stability
Never change the brand colors.
No Visual Effects
Never add shadows, outlines or effects.
Our cohesive and modern brand colors.
Electric Yellow
Primary Accent (#16ea58)
Ethereal Cyan
Secondary Color (#4DE1FF)
Deep Blue
Primary Brand (#1A3CFF)
White
Primary Text (#ffffff)
Pure Black
Background (#000000)
Deep Black
Card Fill (#090909)
The typographic scale and font hierarchies we use.
Inter
Body text, UI elements, English headings (400 / 700 / 900)
Bebas Neue
Numbers, large display metrics, counters (400)
Ko Lab
Arabic headings and display (700 / 900)
Ko Sans
Arabic body text (400 / 600)
Our structured layout spacing guidelines.
Grid Base
Standard 8px grid alignment across all layouts.
Gaps & Padding
Consistent use of my-16/py-24 for page dividers.
Margin Safety
Container horizontal margin locked to px-6.
Bento Borders
Cards border radius strictly rounded-2xl/rounded-3xl.
Examples of proper brand representation and common violations to avoid.
DO: Align elements to the grid
Keep spacing clean and symmetric.
DON'T: Add custom inline gradients
Always reference brand HSL CSS variables.
DO: Support RTL/LTR natively
Always test language switching on views.
DON'T: Overuse animated effects
Respect prefers-reduced-motion triggers.
Let's Create Something Amazing
Ready to transform your real estate brand? Book a free consultation and discover how we can elevate your business.