MyFlights · Dark Precision
Styleguide
Type, palette, and surfaces. Mobile-first scale; tested at 390px viewport.
Type scale
Display 28/32
04:42 UTC
H1 22/28
Heathrow → Vilnius
H2 18/24
Year in review
Body 16/24
Honest trajectories, not great-circle approximations.
Small 14/20
ADS-B coverage was sparse over the North Atlantic.
Mono 15/20
FL360 · 472 kt · 54.1234° N 23.5678° E
Palette
bg
#0A0B0D
surface
#13151A
surface-elev
#1A1D23
border
#1F2228
text-primary
#E8EAED
text-secondary
#8B9099
accent
#00D4FF
warning
#E8A547
success
#4ADE80
Altitude gradient
FL000FL150FL300FL400+
Surfaces
surface · data card
Sharp corners (2px). Used for list rows and stat panels.
surface-elevated · sheet
12px corners for bottom sheets — matches the swipe-up affordance.