zslabs-next

zslabs-next copied to clipboard

⚠️ Check out the latest version of my site at https://github.com/zslabs/zslabs-v3

Introduction

Portfolio site for myself. Built with Next.js.

Color scale

https://www.radix-ui.com/docs/colors/palette-composition/understanding-the-scale

Step : Use Case 1 : App background 2 : Subtle background 3 : UI element background 4 : Hovered UI element background 5 : Active / Selected UI element background 6 : Subtle borders and separators 7 : UI element border and focus rings 8 : Hovered UI element border 9 : Solid backgrounds 10 : Hovered solid backgrounds 11 : Low-contrast text 12 : High-contrast text