10 UI and UX Principles while styling with CSS

1

Material Icons

a) Use appropriate icon set for all buttons. If you do not have proper icons, you can download it or use its link in stylesheet from Google Fonts. You can also use icons in emoji format. If you want to know the hex code of emojis you can refer to W3 Schools Emoji Reference. This will increase the accessibility of the website.

#Design Tools #Icons #Developer Tools 57 social mentions

2

Color Hunt

Here, var( --primary-color) will be the background-color, var(--secondary-color) will be the background-color of elements and var(--text-color) will be the text color. If you are not sure which colors to use you can take help from Color Hunt. Use :root {} and define in it the colors and use var(--colorname) to use the colors. This will also help you while making the dark mode of the website.

#Design Tools #Color Gradients #Color Tools 66 social mentions