Components

License plate

The license plate, as the app draws it.

Anatomy

The license plate is the most recognizable part of the app: it's how people see which car they park. In the app it's LicensePlateBadge; the colors come from SPVehicleColors.

S-487-JV
NetherlandsPlate yellow, text in secondary 1000, no border.
1-ABC-234
BelgiumWhite with a 2px border and text in Belgian red.
B-SP 1234
Other countriesWhite with a 2px border and text in secondary 1000.
S-487-JV
ChangeableA pencil after the plate when tapping it lets you pick another car.
S-487-JV
SmallIn lists, tables and on the website, 13px.
S-487-JV
On darkThe plate keeps its colors on every background.
PartValue
Shapeplate for Dutch plates, radiusXS (4px) corners, a 2px border for other countries
TextThe plate in capitals, labelLg: Poppins medium 16, in secondary 1000
Padding8px left and right, 6px top and bottom
PencilOptional, 18px, 8px after the plate, when tapping the plate lets you change the car

Usage

  • Show the plate as it's written, with dashes: S-487-JV. Never in lower case, never without its dashes.
  • The plate is never decoration. It always belongs to a parking action, a car or an invoice line.
  • No EU strip and no flag. The country shows in the colors; the plate stays small and clean.
  • Keep it at its size next to other parts: it's never bigger than the title it belongs to.
  • In marketing, use the plate exactly as in the app, with a real-looking Dutch plate. Never a made-up format.