colors.

COLORS
GRAY SCALE
#F8F9F9
#f8f9fa
#e9ecef
#dee2e6
#ced4da
#adb5bd
#868e96
#495057
GRADIENTS
#
#
#
#
#
BRAND color 1
#
#
#
#
#
BRAND color 2
#
#
#
#
#
BRAND color 3
#
#
#
#
#
success / error / warning / informational
#
#
#
#
#
design-system-template.

→ The type scale in the typography section was done mixing Major Second (1.125) scale on pages with Major Third (1.250) between breakpoints to increase type contrast (using Type Scale)
‍
→ Fonts used are Inter.
‍
→ Gray colors used in the colors section are from Zendesk design system and the images are from Unsplash.
‍
→ Images are optimized using Tiny Png
‍
→ My name is Clement Sinz and I am available for ui design & front-end freelance contracts.