--- ###### 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)