Pak Asia Marketing — Website Branding & Color Palette
Based on your four website screenshots, Pak Asia Marketing has a modern, premium real-estate and property-development brand identity. The design combines black, white, and golden orange with architectural photography, rounded layouts, and clean typography.
The goal should be to maintain this identity consistently across the website, logo variants, buttons, project cards, forms, social media graphics, and future marketing materials.
1. Primary brand color palette
These are recommended working HEX values based on the visible colors in your screenshots. They are approximate visual matches, not exact measurements from the original website CSS.
Golden Orange — Primary Accent
#FF991A
Copy HEX
Main brand accent for CTA buttons, logo details, active navigation, project-status labels, icons, and decorative lines.
Charcoal Black — Dark Brand
#242424
Copy HEX
Used for dark footer sections, strong contrast, headings, premium brand panels, and dark-background logo applications.
White — Primary Surface
#FFFFFF
Copy HEX
Main page backgrounds, navigation pill, cards, form surfaces, and the light version of the logo.
Warm Ivory — Secondary Surface
#F5F2EB
Copy HEX
Warm backgrounds for featured projects, testimonials, and editorial sections. It softens the contrast between white content and the dark footer.
Light Gray — UI Surface
#F2F2F2
Copy HEX
Input fields, subtle card backgrounds, filter controls, and low-emphasis interface elements.
Medium Gray — Supporting Text
#555555
Copy HEX
Body copy, secondary information, metadata, captions, and subdued footer details on light surfaces.
2. Supporting color palette
These additional colors complement the core identity and help maintain a consistent look across property listings and real-estate imagery.
Deep Black
#111111
Logo & strong contrast
Deep Orange
#E88A0C
Hover states
Border Gray
#D9D9D9
Borders & dividers
Muted Blue
#B5CFE2
Optional project accents
Soft Sage
#DDE8D8
Landscape imagery accents
Muted Gray
#8A8A8A
Secondary metadata
The muted blue and sage are optional supporting colors, not core brand colors. They work best when taken from property photography rather than used extensively in interface elements.
3. Recommended color proportions
Brand color balance
White and light surfaces
55%
Black and charcoal
25%
Warm ivory and gray
15%
Golden orange
5%
Suggested design proportions, not measured percentages from your existing website.
My recommendation is to keep orange as a selective accent. Its impact comes from appearing on buttons, icons, active links, and small highlights rather than covering large areas of the site.
4. Typography and font styling
Your website uses a clean, geometric, contemporary sans-serif style with rounded letterforms and relatively light headings.
Poppins
Recommended
Suggested primary font family
Shaping future spaces through excellence
Use weights 400, 500, 600 and 700.
Heading hierarchy
Hero headline
Our Projects
Section heading
Our Top Notch Projects
Card title
Real Estate Development
Body text: 14–16 px desktop, 13–15 px mobile.
Poppins is a recommended match rather than a verified identification of the exact font in your screenshots. Use the same font family across the navigation, headings, buttons, cards, forms, and footer.
5. Logo branding rules
Your primary logo combines the black geometric emblem, orange accent, bold “PAK ASIA MARKETING” wordmark, the tagline “CHASE YOUR DREAMS,” and the pvt.ltd suffix.
Light version
Black wordmark and emblem details with orange accents on white or transparent backgrounds.
Dark version
White wordmark and light emblem details with orange accents on charcoal or black backgrounds.
- Preserve the original emblem proportions and the orange-and-black identity.
- Use a transparent PNG or SVG for the header and footer where possible.
- Use the simplified emblem alone for favicons and small browser icons.
- Avoid placing the full wordmark on busy photography without sufficient contrast.
- Keep the ® symbol and tagline legible when the full logo is large enough to support them.
6. Website component styling
| Component | Recommended styling |
| Header | White, pill-shaped navigation with subtle shadow |
| Active menu link | #FF991A |
| Primary CTA | Orange background, dark text, rounded pill |
| CTA hover | #E88A0C |
| Hero sections | Architectural photography with charcoal overlay |
| Main content | White background and charcoal headings |
| Project section | Warm ivory background |
| Project cards | Rounded corners, photographic cover, orange status badge |
| Forms and filters | Light gray fields, rounded edges, orange submit button |
| Testimonials | White or warm ivory background |
| Footer | #242424 background, white content panel, orange accents |
| Borders and dividers | #D9D9D9 |
| Body text | #555555 on light surfaces |
7. Copy-ready CSS variables
You can use these variables in your website stylesheet or adapt them into Elementor global colors.
:root {
/* Primary brand */
–brand-orange: #FF991A;
–brand-orange-hover: #E88A0C;
–brand-black: #111111;
–brand-charcoal: #242424;
/* Text */
–text-primary: #242424;
–text-secondary: #555555;
–text-muted: #8A8A8A;
–text-on-dark: #FFFFFF;
/* Surfaces */
–surface-white: #FFFFFF;
–surface-ivory: #F5F2EB;
–surface-gray: #F2F2F2;
–surface-dark: #242424;
/* Borders */
–border-color: #D9D9D9;
/* Typography */
–font-primary: “Poppins”, sans-serif;
/* Shape */
–radius-card: 14px;
–radius-button: 999px;
–radius-section: 24px;
}
8. Overall brand direction
Pak Asia Marketing brand identity
Personality: Premium, modern, confident, architectural, trustworthy.
Primary colors: Golden orange, black, charcoal, and white.
Visual language: Large architectural photography, rounded cards, spacious layouts, subtle borders, and minimalist orange accents.
Brand message: “CHASE YOUR DREAMS” — ambition, property ownership, development, and investment.
One important consistency improvement: your screenshots already show a cohesive design, but keep the same orange shade, button radius, heading weights, and card spacing across every page. This will make the website feel like one unified real-estate brand rather than a collection of separate templates.