I am building a feature that gives my users the ability to "Appreciate" other users' images, posts and content. But I can not find a elegant method of displaying the two different types of Appreciations which is of course, Given Appreciations
and Received Appreciations
.
This is what the header of a user's profile looks like at the moment — notice the two different Appreciations. The top right version is Received Appreciations and the smaller bottom one is content they have appreciated.
This is what I have came up with so far but I still think it looks out of place and unclear - the labels are now explicitly Given Appreciations
and Received Appreciations
.
(Please excuse the darker text on the smaller bottom one. That's its hover state.)