YOUR AGENT BRAND
Elementor Global Style Guide
A polished luxury-editorial design system for personal branding websites built for individual real estate agents.
GLOBAL COLORS
A Premium Palette Agents Will Actually Want to Represent Them
Warm, professional, luxury-inspired colors designed to feel trustworthy without looking like a generic real estate template.
Charcoal
#111827
Champagne Gold
#C6A36A
Warm Off White
#F8F6F2
Soft Sand
#EAE4DA
Slate Gray
#6B7280
Pure White
#FFFFFF
Footer Navy
#0B1220
Gold Hover
#B38F57
TYPOGRAPHY
Playfair Display for Editorial Authority
Heading Three Sample
BODY COPY
Inter keeps the experience clean, modern, readable, and conversion-friendly. It balances the elegance of Playfair Display with practical clarity for sections, forms, CTAs, and service descriptions.
Default body copy should use 17px, 400 weight, and a generous 1.8 line height for a calm premium feel.
COMPONENTS
Buttons, Cards, and CTA Blocks
Luxury Card
Use for service highlights, demo previews, pricing teasers, and testimonial cards.
Dark Feature
Use dark contrast sections for hero areas, authority blocks, final CTAs, and premium positioning.
Glass Card
Use sparingly for premium overlays, hero stats, and lead capture moments.
SPACING SYSTEM
Section Padding: 120px Desktop / 90px Tablet / 70px Mobile
Recommended max container width is 1280px, with readable text areas capped around 760px.