Sign in Subscribe
Styles

F1 Dashboard Style — Racing, Telemetry, Precise

An F1-style dashboard with an onboard display and a circuit map coloured by mini-sector on a black page. The sample is Vizney Racing's fictional race debrief.

Yehwan Hwang

• 1 min read
Share
F1 dashboard style (Racing, Telemetry, Precise) sample: Vizney Racing race debrief

A dashboard style with an onboard display, a circuit map coloured mini-sector by mini-sector and a timing tower with tyre stints, on a black page. We read formula1.com's real CSS tokens and the timing screens of F1 broadcasts, and turned the shift lights, dials, mini-sectors, speed trace and the purple, green and yellow of the timing colours into one card and chart grammar.

The sample below is a fictional race debrief from Vizney Racing. Change the round tabs at the top and every card follows, from the lights on the display to the speed trace.

Open full screen ↗

Design

  • Color: Our cars are white and every other car gray; purple #8c51d9, green #04a97a and yellow #b88c19 mean what they mean on a timing screen: fastest, target met, missed.
  • One card: every figure and table outside the display follows figure number → a title that states the finding → subtitle with the unit → chart → note, on one #15151e panel.
  • Type and numbers: Barlow Condensed capitals for labels, Barlow and Pretendard for text; lap times like 1:20.142 and gaps like +0.457 s, to the thousandth.

DASHBOARD.md

One line puts DASHBOARD.md, an agent skill, a Tableau palette and a Power BI theme in your project folder.

npx @vizney/styles@latest add f1

DASHBOARD.md · Prompts · Download the zip · npm

We make the same package privately from your company's website. Get in touch · For the next brand, request it on GitHub and vote with 👍.

Not an official Formula 1 design, and not affiliated with or endorsed by Formula 1. A reference style read from the publicly visible design of formula1.com and public touchpoints such as race broadcasts and timing documents; it carries no logo, typeface, photo or data of theirs. This website is unofficial and is not associated in any way with the Formula 1 companies. F1, FORMULA ONE, FORMULA 1, FIA FORMULA ONE WORLD CHAMPIONSHIP, GRAND PRIX and related marks are trade marks of Formula One Licensing B.V. Trademarks belong to their owners. The sample's team, Vizney Racing, and all its numbers are fictional.