F1 대시보드 스타일 — 레이싱, 텔레메트리, 정밀함

검은 바탕에 온보드 계기판과 미니 섹터로 칠한 서킷 맵을 얹은 F1 스타일의 대시보드입니다. 샘플은 비즈니 레이싱의 가상 레이스 디브리프입니다.

F1 대시보드 스타일(레이싱, 텔레메트리, 정밀함) 샘플: 비즈니 레이싱 레이스 디브리프

검은 바탕에 온보드 계기판과 미니 섹터로 칠한 서킷 맵, 타이어 스틴트를 붙인 타이밍 타워를 얹은 대시보드 스타일입니다. formula1.com의 실제 CSS 토큰과 F1 중계의 타이밍 화면을 읽고, 시프트 라이트와 다이얼, 미니 섹터, 속도 기록, 보라·초록·노랑 상태색을 하나의 카드와 차트 문법으로 옮겼습니다.

아래 샘플은 비즈니 레이싱의 가상 레이스 디브리프입니다. 위쪽 라운드 탭을 바꾸면 계기판의 라이트부터 속도 기록까지 모든 카드가 함께 바뀝니다.

전체 화면으로 보기 ↗

Design

  • 색: 우리 차량은 흰색, 다른 차량은 회색이고, 보라 #8c51d9·초록 #04a97a·노랑 #b88c19은 타이밍 화면처럼 가장 빠름·목표 달성·미달에만 씁니다.
  • 한 카드: 계기판을 뺀 모든 그림과 표가 그림 번호 → 결과를 말하는 제목 → 단위를 적은 부제 → 그림 → 주석 순서로 #15151e 판 하나에 들어갑니다.
  • 글자와 숫자: Barlow Condensed 대문자 라벨과 Pretendard를 쓰고, 랩 타임은 1:20.142, 간격은 +0.457초처럼 1000분의 1초까지 적습니다.

DASHBOARD.md

DASHBOARD.md와 에이전트 스킬, Tableau 팔레트, Power BI 테마를 프로젝트 폴더에 한 줄로 넣습니다.

npx @vizney/styles@latest add f1

DASHBOARD.md · 프롬프트 · zip 내려받기 · npm

우리 회사 웹사이트로 같은 패키지를 비공개로 만들어 드립니다. 제작 문의 · 다음에 만들 브랜드는 GitHub에서 요청하고 👍로 투표해 주세요.

Formula 1의 공식 디자인이 아니며 제휴·승인 관계가 없습니다. 공개된 웹사이트(formula1.com)와 경기 중계·타이밍 문서 등 공개된 접점에서 보이는 디자인을 읽어 낸 참고용 스타일이며 로고·서체·사진·데이터는 포함하지 않습니다. 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. 상표는 각 소유자의 것입니다. 샘플의 팀(비즈니 레이싱)과 숫자는 모두 가상입니다.