Loading
Photo: Muhammad Faiz Zulkeflee / Unsplash
Brand guidelines · v1.0
The PropList brand
Everything you need to show PropList correctly: the logo, colours, type, icons, photography and the way we write.
Brand idea
PropList helps people in Malaysia find their place: to buy, rent, share or run a business from. We pair a clear, trustworthy marketplace with PropAI, a search assistant you can simply talk to.
Promise
Find your place in Malaysia.
The line under the logo, and the reason every screen exists.
Personality
Clear · Honest · Helpful · Quietly smart
We explain prices, label boosts and show where a band comes from.
Symbol
A smart home
A home with the PropAI spark at its heart: the place you are looking for, found by AI.
Logo
The wordmark is the primary logo. Use the full-colour version on white or light backgrounds and the reversed version on navy or photography. The app mark is for small, square spaces only.
Primary: night navy letters, home-teal accents.
Reversed: white letters, bright-teal accents, on night navy or dark photography.
App mark: app icon, favicon and social avatar. The home circle on a night-navy tile.
Inverse mark: for places that already have a dark background or a navy frame.
Anatomy
One change turns the name into the logo. Never redraw it; use the supplied files.
- 1Home circle. The “o” is a solid teal circle the height of the lowercase letters, holding a white line house drawn with round ends. It reads as an “o” first and a home second.
- 2PropAI spark. A four-point spark sits where the door would be: a smart home, found by AI. It is the same spark used for PropAI across the product.
- 3Letters. Lowercase Outfit Bold with slightly tightened spacing. Always lowercase, always one word.
Clear space and minimum size
Give the logo room. The clear space on every side equals the height of the home circle (marked x). Nothing else (text, edges, other logos) may enter it.
xxxx
Wordmark, screenMinimum 80 px wide
Wordmark, printMinimum 25 mm wide
App markMinimum 16 px
Logo misuse
The logo only works when it is consistent. Do not alter it in any of these ways.
Also don’t: capitalise it (“PropList” is fine in running text, but the logo is always lowercase), swap the house for another icon, move the spark out of the house, or put the logo inside a box.
Colour
Navy carries trust, teal carries the home and PropAI, and coral is saved for the one action that matters on a screen. Keep roughly 60% neutrals, 30% navy, 8% teal and 2% coral.
Night navy
#0B1D3A
RGB 11 29 58
Logo letters, hero bands, app icon tile
PropList navy
#01315F
RGB 1 49 95
Primary buttons, links, prices
Home teal
#1D9E75
RGB 29 158 117
Logo accents, PropAI, positive states
Bright teal
#2FD39F
RGB 47 211 159
Accents on navy only
Coral
#D85A30
RGB 216 90 48
One call to action per screen; Featured
Neutrals
Ink
#15202B
Muted
#5D6B7A
Line
#C8D1DC
Mist
#E1E7EE
Cloud
#F3F6F9
White
#FFFFFF
Tints for labels and status
Blue · #E6F1FB / #0C447CTeal · #E1F5EE / #085041Coral · #FAECE7 / #712B13Amber · #FAEEDA / #633806Purple · #EEEDFE / #3C3489
Text colours on tints and buttons meet WCAG AA contrast. Bright teal is only for use on navy; on white, use home teal.
Typography
Three working typefaces plus one reserved for the logo. All are open-source and self-hosted, so pages load fast and look the same everywhere.
Outfit BoldLogo only
proplist
Reserved for the wordmark. Never set headings or body text in it.
Inter TightHeadings and prices
Ask for the home.
Bold or semibold, tight spacing (−2% to −3.5%), sentence case.
InterBody and interface
3-bed condo near MRT
Regular 400 for reading, medium 500 and semibold 600 for labels and buttons.
JetBrains MonoData and references
PL-20001 · 1,050 sqft
Listing references, codes and figures that need to line up.
Displayclamp(34px, 5.6vw, 64px) · Inter Tight 700Find your place
Heading 134 px · Inter Tight 700Homes near KL Sentral
Heading 224 px · Inter Tight 6003 best fits of 24
Body15.5 px · Inter 400 · 1.55 line heightRanked by fit, distance, value against PropValue and freshness.
Small12.5 px · Inter 400Listed 2 days ago · Verified agency
Iconography
Icons are simple line drawings on a 24 px grid with a 1.8 px stroke, round ends and round corners, the same language as the house in the logo. Use them to support a label, never to replace one.
search
spark
home
pin
heart
shield
chart
bolt
users
photo
lock
check
Home circleThe symbol from the logo. Use it for the brand only, not as a generic “home” icon.
SparkOnly for PropAI: AI search, explanations and suggestions.
ContainersPut icons in a soft tint circle when they head a feature or status.
Interface elements
The product is part of the brand. Buttons, labels and cards follow a few simple rules.
Buttons
Search homesAsk PropAIContact agentSaveCancel
- Navy for the main action, teal only for PropAI, coral for one conversion action per screen.
- Labels are verbs in sentence case: “Contact agent”, not “CONTACT”.
Labels and radius
Verified agencyWithin PropValue bandFeaturedSpotlightPending review
- Paid placement is always labelled (Featured, Spotlight). Never disguise a boost.
- Radius: 28 px hero bands, 16 px cards, 10 px buttons and inputs, full round for pills.
Photography
Real, bright, lived-in spaces in Malaysia. Natural light, straight verticals, no heavy filters. People can appear, but the home is the subject.
Do
Daylight interiors, shot level at chest height, with straight verticals.
Do
Kuala Lumpur and local streets for banners, under a navy wash so text stays readable.
Don’t
Wide-angle distortion, HDR halos, fake skies or virtual staging without a label.
Placeholder stock photos must be labelled “Illustrative photo” and credited to the photographer. A poster’s own photos always replace them.
Voice and tone
We sound like a knowledgeable friend who works in property: plain words, real numbers, no pressure. English first, with Bahasa Melayu where our customers use it.
We are
- Clear: one idea per sentence, everyday words.
- Honest: we show the PropValue band and say when something is boosted.
- Helpful: we tell people what to do next.
- Warm, not cute: friendly without jokes or exclamation marks.
Say it like this
- Instead of
“Unbeatable deal! Act fast!!” - Write “RM 2,400/mo, 6% below the PropValue band for this area.”
- Instead of
“No results found.” - Write “Nothing matches all of that yet. Here are 4 homes if you go up to RM 2,600.”
- Instead of
“Submit” - Write “Send enquiry”
In use
How the pieces come together across the product.
Sign in
Ask for the home. Get the shortlist.
Find your place in Malaysia
PropListHome screen
Social avatar
Downloads
Vector files have the letters converted to shapes, so they look right without installing any fonts. Use SVG wherever you can and PNG where SVG is not accepted.
Logo, full colourSVGLogo, full colourPNG · 1600 pxLogo, reversedSVGLogo, reversedPNG · 1600 pxApp markSVGApp markPNG · 1024 px
Questions about using the brand, or need another format? Contact the PropList team before you publish.