The in-field, high-contrast library is specific to applications used outdoors or in-cab devices where the environmental conditions cannot be controlled. These applications are built to meet the users’ special needs, such as challenging outdoor lighting, moving or vibrating devices, and/or impeding protective clothing.This is primarily targeted towards large, easy-to-use, easy-to-identify, high-contrast components.
The UI Kit focuses on larger display sizes, cross-reference Mobile Kit for smaller devices or components can be scaled Figma for designers. This brand base must maintain optimal usability, while also allowing flexibility to support Trimble and other OEM (Original Equipment Manufacturers) brand variations. See Global colours for global colors and Type for overview of fonts sizes.
- The Modus In-Field Design System will serve as the base for any products delivered to our parent organizations as well as branded variants for different OEMs.
The brand base aims to best support each user group with easy-to-use User Interfaces (UI) and clear patterns of use, as well as targeted tone of voice and language that communicates best to the end user.
Trimble and OEM Brand Variations, or Themes, are applied on top of the user-centric brand base. This may include variations to color, iconography, imagery and models, splash screens, and logos, for example.
What can be brand-specific
The following UI elements are designed and componentized to flexibly support brand themes:
- App Button, icon, and name;
- Splash screen;
- Log In screen;
- Tiles - colors, images, and text labels are brandable;
- Start button - color is brandable;
- Global Brand bar (Activity bar at top of screen) - Brand name, Brand logo, and color only;
- OpenGL Machine models can be branded;
- Dialog images can be branded as well, to match the OpenGL machine model.
What cannot be brand-specific
- The following UI elements are consistent across all brands (with minor exceptions for one high value OEM).
- Font is not brandable apart form one high value OEM we support an alternate font for: Use Roboto.
- Core iconography (log in icon, overflow menu icon, attachment icons such as buckets and blades, status iconography (success, warning, error), icons for menus, etc.
- Notification and Messaging
- Autos Indicators
- Background screen colors (i.e, the gray background is uniform for all brands, except one high value OEM).
|06/01/2022||1.0.1||Updated full layout.||M. Johns|