---
# System prepended metadata

title: UI Review (3.00)
tags: [UX, UI]

---

# UI Review (3.00)
###### tags: `UX`, `UI`
3Fi. v1. UI Review

## App / Deposits / Body & Cards

> Page body and Card content.

Existing view:
![](https://i.imgur.com/IISyecE.jpg)

Proposed view:
![](https://i.imgur.com/M3l8fbS.jpg)

Amends:
* Point 1 = Change the CRV icon to a BENT icon.
* Point 2 = '**OTB**' stands for '**Outstanding Token Balance**' and is only applicable for 3Fi tokens as they represent the extent of governance and therefore an indication of how dicentralised the platoform becomes. All other cards should display '**TVL**'.
* Point 3 = This highlights that there is an alignment issue that exists when scrolling and then transitioning navigation in the minimised state. See the image below.

Point 3 alignment issue:
![](https://i.imgur.com/kJojtuv.jpg)

> Rollover content:

Existing view:
![](https://i.imgur.com/7yzgKbm.jpg)

Amends:
* Point 4 = Align the blue buttons to the APR values.

View of Compound Deposit rollovers:
![](https://i.imgur.com/MnNaRjD.png)

Amends:
* Replace blue buttons with the displayed icons:
    * For sd.Curve, CRV, 3CRV and SDT
    * For bent.Convex, CVX
    * For Bent, GreyCVX (to represent bentCVX - until a new icon can be created for it).

Note:
* The 3Fi token (Bent stack) will have the following icons displayed: CRV, 3CRV, SDT, CVX, GreyCVX. 
* (In some of the designs, BENT is also shown as part of this icon collection but with recent changes to the BENT token distributions, I do not currently believe this pool will receive BENT so please ignore the BENT icon for now)

