---
# System prepended metadata

title: Design System Suggestions
tags: [SOP, Dungeon Master]

---

---
###### tags: `Dungeon Master` `SOP`
---

# Design System Suggestions

- Card sort view: list and grid
- Make footer sticky to bottom of page
- Swap dark grey background for the black/purple gradient in HireUs
- Member cards are too big. Need a UI redesign to make information easier to grasp.
    - List view with rows and columns
- Remove glow around text 🫣
![janky-af](https://i.imgur.com/CMzgnLp.png)
- Cards change size as new components are added/removed from screen. Different alignments. Need to make fixed width or adjust auto layout.
- Overall padding needs to be standardized in relation to a fixed grid.
- Gradient button is difficult to read
- Not enough color contrast (lacks user accessibility, should run report)
- HireUs uses a different visual design?
- All card spacing
- All padding (to make consistent)
- Too many fonts: seems to be 6 fonts being used? Or am I trippin?
    - 3 fonts being used in the footer
    - Overall: reduce to 2 fonts
![](https://i.imgur.com/mEvrVck.jpg)
- Update the loading spinner to be RaidGuild themed?
- Detail Card View > clicking on `Edit` > Update Raid modal > `Update Raid` button has a white outline
- Revisit padding/spacing throughout app to make consistent (instantiate the use of a grid across all screens)
    - Cards display at different sizes on various screens. Should be made consistent throughout.
- Decide on a standard for indentation - all left or all centered
- Too many different button styles. Buttons are too different from each other. Examples:
![](https://i.imgur.com/vIt1InG.jpg)
![](https://i.imgur.com/zONMADB.jpg)
![](https://i.imgur.com/vKwwq1Y.jpg)
- Some frames are very rounded, some slightly rounded, some not rounded. Should make consistent across the design system. Examples:
![](https://i.imgur.com/F0x1GcL.jpg)
![](https://i.imgur.com/mn6UgHI.jpg)
![](https://i.imgur.com/1sjyPTO.jpg)