AccuV Mobile App

Design System & UI

The Context:

AccuV needs a new app for field teams.

My Role:

Design System Foundations / UI

Brand:

Brand Colors:

Brand Color Shades:

For the new product, we chose a primary color similar to AccuV's existing app for visual consistency.

Supporting Colors:

Neutral Colors:

Typeface:

Typography:

Dates and numbers are categorized separately in the product to emphasize their significance, ensuring clarity and effective communication in the user interface.

Grid System:

Spacing:

Iconography:

UI Samples

Below included a selection of UI samples. 300+ UI pages produced in total.