In my app I have a card that looks like so:

enter image description here

In which I want to highlight to the user certain values when, for example, there is less than a day left, the card is less than a kilometer away or when it is free.

I don't find a way of highlighting a value while keeping a cohesive design.

Things I came up with (Given that gradients are a common theme in my app):

enter image description here enter image description here

  • I suppose you could consider highlighting the entire card too in some way. Like for example a colored border or something.
    – Joonas
    Nov 5, 2018 at 6:45

3 Answers 3


I would choose to be clear and prominent in highlighting.

enter image description here

enter image description here

Sample color is irrelevant. Alter to fit the app theme.


In the same way that I pointed out in this answer, the color codes are very striking but equally complicated, there are people who don't distinguish them, especially in text. I think that if it's an important information it should be accompanied by a formal highlight in addition to the color.

enter image description here

  • Background the entire text area using the gradient for those 'close by/expiring soon/free' offer cards. Or white background, but with a thick gradient border around the entire card including photo. Basicly the 'highlight' offers card.
  • Background white for over 1 km or longer expiration date or paid offers. The 'normal' offers card.
  • Introduce 3 icons for distance, time, price.
  • Use a different font combination, look at the typography in some popular apps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.