new max speed & speed limits design

[pd0wm]

Updated Variant 2 based on today's call – Figma

• MAX
  • updated layout
  • engaged: updated color on "MAX" word (V1 green seems to fit better)
• Speed Limit
  • US
  • EU - enclosing box - bottom right & left have full corner radius for better visual appeal

Needs decision: Going over Speed Limit

• Going +10 over speed limit → Max turns orange 🟠
• Going +20 over speed limit → Max turns red 🔴

+10/+20 limits are good enough, or should be made lower? For instance +5/+15?

---

PREVIEW:

Originally posted by @jozef-simo in #24681 (comment)

[pd0wm]

@jozef-simo What do you want to display if there is no set speed yet? We used to display N/A, but that doesn't quite fit and never thought it looked very good.

• Can we also place the speed box based on it's center position? Then the text doesn't move around as much when the width changes as speed limits show up and disappear.
• Another nitpick, the margin at the top is different than the steering wheel icon margin (40 vs 45 px)
• The US design is also used in Canada, but with kph. Do we want a separate font weight/size if we need to display 3 digits in the US design?
• Similar for EU signs, can we increase the font size when there are only 2 digits?

[ClockeNessMnstr]

@jozef-simo What do you want to display if there is no set speed yet? We used to display N/A, but that doesn't quite fit and never thought it looked very good.

"--" is a familiar option from oem systems with set speed or speed limit indicators that don't hide when not available.

[pd0wm]

While driving with the new designs I noticed there is very little contrast in darker scenes (Tunnels, night, etc). Maybe add a lighter border or shadow.

Can you add a night screenshot to the figma designs as well?

[KyleGreenlaw]

Instead of a hard switch at +10/+20 from white->orange->red, maybe change colour in a soft manner when accelerating/decelerating to those speeds .. I feel like it'll be more subtle and less abrupt.

[jozef-simo]

Great idea! @KyleGreenlaw

Instead of a hard switch at +10/+20 from white->orange->red, maybe change colour in a soft manner when accelerating/decelerating to those speeds .. I feel like it'll be more subtle and less abrupt.

PREVIEW:

[maykonpacheco]