Brand Components
burger menu
Brand
Logo Product logos Spacing Typography Colors Patterns Icons
Components
Grid Navigation Buttons UI Elements Modals Prices & Plans Extra assets Static banners
Grid Navigation Buttons UI Elements Modals Prices & Plans Extra assets Static banners
View in Figma
UI Elements
The aim is to create varied solutions and a well-balanced, system-wide user experience – from the app
to the vehicle. The basis for this is provided by a joint set of components
Fields


Instructions
Instructions
  • State: Default, Filled, Error, Typing, Active
  • Label: Edit the displayed field label
  • Helper text: Show/hide helper text for more info
  • Helper Label: Edit the displayed helper label

Text field states
input field sample
Default
input field sample
Typing
input field sample
Active
input field sample
Filled
input field sample
Error
Password field states
input field sample
Default
input field sample
Typing
input field sample
Active
input field sample
Filled
input field sample
Filled shown
input field sample
Error

Inputs


Instructions
Instructions Instructions Instructions
  • State: Default, Disabled
  • Value Type: Checked, Unchecked
  • Label: Show/hide label for more info
  • Label Text: Edit the displayed label

Radio button
radio button image sample
Inactive
radio button image sample
Active
radio button image sample
Disabled


Checkboxes
checkbox button image sample
Inactive
checkbox button image sample
Active
checkbox button image sample
Disabled


Toggle
toggler button image sample
Inactive
toggler button image sample
Active
toggler button image sample
Disabled
Tabs


Instructions
instructions
  • Size: Large, Small
  • Status: On, Off
  • Text: Edit the Tab label
tabs image sample
Dropdowns


Instructions
Instructions
  • Type: Default, With search, Floating
  • Status: On, Off
  • Text: Edit the Dropdown label

Default
drop-down image sample
drop-down image sample

With search
drop-down image sample
drop-down image sample

Floating
drop-down image sample
drop-down image sample