# Working on Cards user interface

**URL:** <https://meta.discourse.org/t/working-on-cards-user-interface/42058>\
**Category:** UX\
**Created:** [April 5, 2016, 11:20am UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058 "2016-04-05T11:20:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![careanonymous](https://avatars.discourse-cdn.com/v4/letter/c/ed8c4c/32.png) [@careanonymous](https://meta.discourse.org/u/careanonymous)\
**Post date:** [April 5, 2016, 11:20am UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058/1 "2016-04-05T11:20:25Z")

</div>

We are launching a healthcare anonymous platform using Discourse.

Have taken a cards based UI approach. Check us out at [http://careanonymous.com](http://careanonymous.com) .

As we are developing, would love to hear on feedbacks as well as to learn about people following similar approach. Have done similar changes to mobile theme as well (try opening on Phone)

We have taken a different approach for cards background and text color where we pick category color as background and text\_color as text of text. Have overridden default colors

Thanks

---

<div class="post-metadata">

**Author:** ![DanteZii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dantezii/32/81726_2.png) [@DanteZii](https://meta.discourse.org/u/DanteZii)\
**Post date:** [April 5, 2016, 11:32am UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058/2 "2016-04-05T11:32:41Z")

</div>

wow so cool:scream:😱

---

<div class="post-metadata">

**Author:** ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)\
**Post date:** [April 5, 2016, 5:44pm UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058/3 "2016-04-05T17:44:15Z")

</div>

> [@careanonymous](#):
>
> would love to hear on feedbacks

Great colours. 🙂

I’d recommend changing your body font and line length though – they’re not super fluent to read.  
[This is a helpful article](https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/).

---

<div class="post-metadata">

**Author:** ![careanonymous](https://avatars.discourse-cdn.com/v4/letter/c/ed8c4c/32.png) [@careanonymous](https://meta.discourse.org/u/careanonymous)\
**Post date:** [April 5, 2016, 7:51pm UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058/4 "2016-04-05T19:51:05Z")

</div>

Great recommendation @HAWK , doing the research and pretty sure playing right with font and line length will make a huge impact.

Thanks for mentioning out colours part.

---

<div class="post-metadata">

**Author:** ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)\
**Post date:** [April 5, 2016, 8:44pm UTC](https://meta.discourse.org/t/working-on-cards-user-interface/42058/5 "2016-04-05T20:44:28Z")

</div>

Very nice. Can I suggest making the whole card clickable / tappable and perhaps adding some sort of hover effect?