Design system
The shared visual system behind the website, dashboard and mobile products.
Use this as the baseline for Next.js implementation and Kotlin mobile app styling so the entire platform feels coherent and investor-ready.
Design system
A reusable UI language for website, dashboard and Kotlin mobile interfaces.
Colours, typography, badges, forms, tables and cards all stay aligned so FreshReserve feels like one mature platform.
Colours
Deep Navy
#102A43
Fresh Green
#16A34A
Mint
#ECFDF5
Warm Orange
#F97316
Soft Grey
#F8FAFC
Border Grey
#E2E8F0
Buttons
Badges and inputs
AvailableLimitedSold OutClosed
Form field
Dropdown field
Table and cards
Enterprise card
Rounded corners, soft borders, premium spacing and clear hierarchy across desktop and mobile surfaces.