David Lovenburg's post

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Taste Test

Create your own

David Lovenburg

pro

• Dec 12

Making some real estate listing UI cards. Which one do you prefer?

Product Design UI Design UX Design Figma Web Design

105 voted

85%

19 voted

15%

124 votes

Closed

Abu Bookor Siddik

• Dec 12

Good one

David Lovenburg

pro

• Dec 12

Thanks Abu!

Elevate Maestro

pro

• Dec 12

Great work, David! Both cards look clean, but I'd lean towards the 'No Border' option.

The 'No Border' card leverages the white space and subtle shadow (assuming there is one, or the background contrast) to separate the element, which feels more modern and less visually noisy.

...

David Lovenburg

pro

• Dec 12

Thanks man! Appreciate the feedback.

Yeah I think a ghost button probably help with visual hierarchy like you said. The gradient on the second button definitely detracts a little bit from the main one

Thanks!

Elevate Maestro

pro

• Dec 12

You're welcomed.

Marcus Dutra

pro

• Dec 12

It will depends a lot of the rest of the design where they are in, if your design is more software I recommend the border, if not, recommend the without.

David Lovenburg

pro

• Dec 12

It will be for a web app, so when listed alongside other property listings, I think borderless would probably be better to reduce clutter.

But if the cards were only in a short amount or by itself, border would probably be the way to go

Ben Degbe

pro

• Dec 12

With border obviously. Users need to clearly identify the card.

David Lovenburg

pro

• Dec 12

Thanks Ben! It definitely helps with visual hierarchy, but others would disagree haha

Ben Degbe

pro

• Dec 12

Hum! Yeah, you're right, others may disagree. But given that you stated that it's a card, I stand by my position 😎.

David Lovenburg

pro

• Dec 12

True I did say it was a card 😂 technically that is the correct choice

Mohammad Rafat

• Dec 12

Wanted to go with boarder but no boarder got better visibility and I hope you know why! But, I wonder if you try to give no boarder about 1px of solid color boarder then that might work too. Just sharing my options. Good work either way, mate!