# \[WIKI\] UI/UX Ideas - Suggestions to Test

**URL:** <https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291>\
**Category:** PRODUCT\
**Tags:** content\
**Created:** [November 12, 2023, 11:23pm UTC](https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291 "2023-11-12T23:23:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Arximedis](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/arximedis/32/515_2.png) [@Arximedis](https://dao.grapenetwork.org/u/Arximedis)\
**Post date:** [November 12, 2023, 11:23pm UTC](https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291/1 "2023-11-12T23:23:22Z")

</div>

Hi Grape Devs - Wanted to document a few Ideas to see if minor tweaks to the HTML and CSS might optimize UX 🙂 :

1.) Governance.so DAO Layout & Widget Updates

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/grape/original/2X/e/ef4507292de2bda0efe10829845550518f923ee5.jpeg)

**Update:** Widgets =\> Possible add Image and CSS updates to color, box-shadow & background

Update Example → Alteration of Marinade DAO" CSS v.s. Physis

Potential Add Image to HTML:

```auto
<img src="https://app.realms.today/realms/MNDE/img/mnde_logo.png" style="max-width:100%;max-height:100%;margin:1px 2px 1px 1px;">

```

CSS Updates

```auto
.css-1w2pphc
{
color: rgb(255, 255, 255,0.9);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
overflow: hidden;
position: relative;
box-shadow: rgba(77, 0, 153, 0.5) 0px -5px 5px -5px, rgba(77, 0, 153, 0.5) 0px 5px 15px -5px;
z-index: 0;
border-radius: 17px;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgb(115, 166, 133,0.5) 100%);
}

```

E.g. → Physis Foundation Quorum →   
.css-1bcbzhm

```auto
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    overflow: hidden;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 0px, rgba(0, 0, 0, 0.12) 0px 12px 24px -4px;
    z-index: 0;
    border-radius: 17px;
    background: linear-gradient(75deg, rgba(0, 0, 0, 0.5) 40%, rgb(20, 182, 161) 200%);

```

2.) If possible: Normalize all the Header Section Metrics & Widget Tables to always display the same structure, widths, and details even if they are 0

Why? To maintain a level of consistency in the way the widgets display.

Header Section Metrics “Boxes”

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/grape/original/2X/f/fc5756fb4001c8185397779a9fabe591a0ed0963.jpeg)

Normalize Widget Table Details

 ![Widget Tables](https://canada1.discourse-cdn.com/flex031/uploads/grape/original/2X/1/1b4fee6ca36aaf10fd8d6c8b8b9d806e899821f1.png)

---

<div class="post-metadata">

**Author:** ![butter1234567890](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/butter1234567890/32/90_2.png) [@butter1234567890](https://dao.grapenetwork.org/u/butter1234567890)\
**Post date:** [November 14, 2023, 10:33pm UTC](https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291/2 "2023-11-14T22:33:23Z")

</div>

I think we can and should redo the front end design and look to create a proper design system under Grape Strategic Initiatives. I see in discord TemptingBeef says he can handle front end development. A new design will really bring the life to this. Both can be covered under GSI.

---

<div class="post-metadata">

**Author:** ![its.kirk](https://yyz1.discourse-cdn.com/flex031/user_avatar/dao.grapenetwork.org/its.kirk/32/1023_2.png) [@its.kirk](https://dao.grapenetwork.org/u/its.kirk)\
**Post date:** [November 15, 2023, 11:22am UTC](https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291/3 "2023-11-15T11:22:55Z")

</div>

Thank you for the great feedback, and wonderful that we have TemptingBeef on board.

I do believe the directory should have less text and more images/graphics related to the DAOs and this is something worth exploring on how we can achieve that, let’s discuss on the next DAO call

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex031/uploads/grape/original/1X/e132458099af96aa0796571a33f237a088db0b0c.png) [@system](https://dao.grapenetwork.org/u/system)\
**Post date:** [February 10, 2024, 11:24pm UTC](https://dao.grapenetwork.org/t/wiki-ui-ux-ideas-suggestions-to-test/1291/4 "2024-02-10T23:24:05Z")

</div>

This topic was automatically closed after 90 days. New replies are no longer allowed.