Member Avatar for kaosjon

Hi, i am currently designing a new website idea i have that will be the first of its kind, i am more of a programmer than a designer and graphics have not been my strength, therefore i tend to get outside people to design most of the graphics for me. However for this website i am a bit stuck as to what general look the website will have, when i mean look i mean colours. The website itself primarily involves real estate and selling houses etc... I am stuck as to whether to go for a mostly white based website with black writing but it will have hints of red throughout, primarily on borders, logo and icons to make it look more attractive, or i was thinking of going the alternative which is white, black and green. I am more favoured for the red as it suits the name a lot more, but i just need a few ideas, if anyone can give their opinions.

Thanks and sorry if this is a bit confusing, its just i can't really progress until i get it sorted.

Edited by kaosjon because: n/a
  • 3 Contributors
  • 2 Replies
  • 121 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by JorgeM

Dani AI

Generated

For a real-estate site the main goals are trust, clarity, and clear actions. A mostly white canvas with near-black type and one consistent accent color is a safe, effective starting point. Both red and green can work — red reads as energetic and attention-getting, green reads as growth/eco/finance — so pick the one that best matches the brand story and how you want people to feel when they search listings.

As suggested, make quick mockups, but focus each mockup on measurable differences. Vary only the accent color and maybe one UI element (CTA or property badge). As implied, if a logo or company color exists, extract a dominant hue and create tints and shades from it rather than forcing an unrelated color. Test each mockup for CTA prominence, how accents interact with photos, and whether badges/icons stay legible.

A simple workflow to follow:

  • Audit competitors and pull any existing brand colors.
  • Build a compact style tile: background, primary text, primary accent, secondary accent, border/disabled color.
  • Create two page mockups (home and listing) with each accent.
  • Check accessibility: WCAG contrast minimums (4.5:1 normal text, 3:1 large text) and simulate common color‑vision deficiencies.
  • Run a 5-user preference/usability check or a small A/B test on CTA clicks.
  • Decide and document exact hex values, hover/focus states, and usage rules.

Practical notes: reserve the accent for CTAs and highlights only. If you go red, prefer a slightly desaturated or darker red for comfort and better contrast; if you go green, consider teal or deep green for a modern feel. Do not rely on color alone to convey status — add labels or icons. Finally, freeze the palette in a tiny style guide so developers implement consistent color and accessibility across the site.

Recommended Answers

All 2 Replies

Member Avatar for pritaeas

Why not make two samples, make screenshots, and show it. Very hard to comment on colours if you can't see how they are used.

Member Avatar for JorgeM

What are the colors that the organization ( if no company, how about industry ) typically uses? Is there an existing logo?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.