Colors
We know UI Kits mostly give you a huge amount of primary and secondary colors with lots of gradations and they look great! But in most real life scenarios, the app design must adhere to a corporate design guide to match the corporate identity. Without a proper mapping it’s impossible for developers to choose the perfect color from the palette for each UI design case, which reliably leads to confusion.
That’s why fronnt UI focuses on only one primary color, grays and additional colors for feedback.
Primary
The primary color is the brand color. In fronnt UI it’s used for accents and primary actions such as buttons.
primary-50
primary-100
primary-200
primary-300
primary-400
primary-500
primary-600
primary-700
primary-800
primary-900
Gray
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
Success
success-50
success-100
success-200
success-300
success-400
success-500
success-600
success-700
success-800
success-900
Error
error-50
error-100
error-200
error-300
error-400
error-500
error-600
error-700
error-800
error-900
Warning
warning-50
warning-100
warning-200
warning-300
warning-400
warning-500
warning-600
warning-700
warning-800
warning-900