# Card View: How Format View like on Coda help page?

**URL:** <https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944>\
**Category:** Ask the Community\
**Created:** [August 16, 2025, 10:35am UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944 "2025-08-16T10:35:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon35348562](https://avatars.discourse-cdn.com/v4/letter/a/77aa72/32.png) [@anon35348562](https://connect.superhuman.com/u/anon35348562)\
**Post date:** [August 16, 2025, 10:35am UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/1 "2025-08-16T10:35:27Z")

</div>

Specifically I’m interested in achieving the format of the header and circle cutout image in the upper-right (which the text also wraps around).

The page in question: [Create a card view | Coda Help Center](https://help.coda.io/en/articles/987495-create-a-card-view)

Screenshot:

 ![25_0816 Coda Card View from Help Page](https://global.discourse-cdn.com/coda1/original/3X/1/f/1f056d4166bc494aa2357fd99239e8992c0daac8.jpeg)

---

<div class="post-metadata">

**Author:** ![anon1959570](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@anon1959570](https://connect.superhuman.com/u/anon1959570)\
**Post date:** [August 16, 2025, 10:45am UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/2 "2025-08-16T10:45:27Z")

</div>

This is easy peasy.

 ![image](https://global.discourse-cdn.com/coda1/original/3X/8/b/8bea106f227f026445b15024d7ed7fadb6e045a1.png)

 ![image](https://global.discourse-cdn.com/coda1/original/3X/8/5/854b8168b2427364d3a96bcd8fce930f7042914e.png)

 ![image](https://global.discourse-cdn.com/coda1/original/3X/2/e/2ee1050a058bfbf7bcb2086f665b3f3b688f85e9.png)

 ![image](https://global.discourse-cdn.com/coda1/original/3X/b/8/b86332ffd52c37285ece1a889fd2663a32e15906.png)

---

<div class="post-metadata">

**Author:** ![Max\_OBrien](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/max_obrien/32/49285_2.png) [@Max\_OBrien](https://connect.superhuman.com/u/Max_OBrien)\
**Post date:** [August 16, 2025, 3:02pm UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/3 "2025-08-16T15:02:16Z")

</div>

To make the Name appear colored, use conditional formatting on that column as below..

 ![image](https://global.discourse-cdn.com/coda1/original/3X/f/8/f8128dbb6304fa667de1215baa46448eda9afbd1.png)

(no need to specify any condition as you want ALL rows to use the color)

Max

---

<div class="post-metadata">

**Author:** ![anon35348562](https://avatars.discourse-cdn.com/v4/letter/a/77aa72/32.png) [@anon35348562](https://connect.superhuman.com/u/anon35348562)\
**Post date:** [August 16, 2025, 10:07pm UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/4 "2025-08-16T22:07:18Z")

</div>

Excellent—got it working, and thank you!

---

<div class="post-metadata">

**Author:** ![anon35348562](https://avatars.discourse-cdn.com/v4/letter/a/77aa72/32.png) [@anon35348562](https://connect.superhuman.com/u/anon35348562)\
**Post date:** [August 16, 2025, 10:08pm UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/5 "2025-08-16T22:08:44Z")

</div>

Perfect follow-up tip—thank you! In my case, I imagine I’ll make use of the conditional formatting beyond the basic highlighting based on the work type (currently using for creative projects).

---

<div class="post-metadata">

**Author:** ![system](https://yyz1.discourse-cdn.com/coda1/user_avatar/connect.superhuman.com/system/32/24484_2.png) [@system](https://connect.superhuman.com/u/system)\
**Post date:** [August 19, 2025, 10:09pm UTC](https://connect.superhuman.com/t/card-view-how-format-view-like-on-coda-help-page/56944/6 "2025-08-19T22:09:02Z")

</div>

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.