Foundations
Colors
Brand
--pit-red#E10600
--pit-red-soft#FF1E1E
--pit-red-dark#B30500
--pit-black#15151E
--pit-ink#0A0A12
Surfaces
--pit-carbon#1F1F2B
--pit-asphalt#2A2A38
--pit-rail#3A3A48
--pit-grey-100#D5D5D2
--pit-bone#F5F5F1
Semantic
--pit-green#00D26A
--pit-yellow#FFD500
--pit-blue#0090D0
--pit-purple#A020F0
--pit-amber#FF8A00
Teams
MER · Mercedes#27F4D2
RBR · Red Bull#3671C6
FER · Ferrari#E80020
MCL · McLaren#FF8000
AST · Aston Martin#229971
ALP · Alpine#FF87BC
WIL · Williams#64C4FF
RB · RB#6692FF
SAU · Sauber#52E252
HAS · Haas#B6BABD
Foundations
Typography
Display — Titillium Web 900 italic uppercase
POLE
SÃO PAULO GP
CLASSIFICAÇÃO
Round 21
Body + eyebrow
PRÓXIMO GP · RODADA 21
Pitstop é o jogo de palpites que substituiu a planilha do daygo. Você manda seu palpite até o final do Q1, ele tranca, e o sistema compara com o resultado oficial.
Texto secundário. Use para microcopy, descrições e helper text.
Mono — JetBrains Mono
DOM 23/11 · 15h00 BRT
P3 · 218 pts · 7 acertos
02:14:33
Driver code
ANT · RUS · BOR
UI Kit
Components
Buttons
Driver chips
VER
1
NOR
4
PIA
81
LEC
16
HAM
44
RUS
63
ANT
12
ALO
14
BOR
5
GAS
10
VER
1
VER
1
VER
1
BOR
5
Race card
Rodada 21 · BRA · SPRINT WEEKEND
São Paulo
Interlagos · DOM 23/11 · 15h00 BRT
Lock em
02:14:32
Leaderboard row
P1
Daygo
247
P2
Lucas
231
P3
Você
218
Form fields
Brand
Logos
Logo variants
Spacing scale (4px base)
sp-1
sp-2
sp-3
sp-4
sp-5
sp-6
sp-8
sp-10
sp-12
sp-16
sp-20
Radii
--r-none
--r-sm
--r-md
--r-lg
--r-pill