APEX·AR · DESIGN REVIEW HURRICANE HACKATHON · MAY 2026
F1 IN AUGMENTED REALITY · iOS 18 · iPhone 16 Pro

APEX AR

The future of racing monitoring — every Grand Prix replayed as a holographic sculpture on your table, driven by real OpenF1 telemetry.

SOROUSH KARIMI SWIFTUI · ARKIT · REALITYKIT
01 / CONCEPT SLIDE 02 / 08
01
VISION

Race day,
made spatial.

Live timing screens are flat. Streams are 2D. APEX AR uses ARKit and 300+ telemetry data points per second from the OpenF1 archive to render every car as a holographic wireframe — anchored to any flat surface, scrubbable frame-by-frame.

02 / ONBOARDING SLIDE 03 / 08
Onboarding screen
3-SECTION FLOW · FIRST RUN

Inspire,
then explain.

Three full-bleed slides set the emotional tone before any UI loads. Custom SVG visuals per slide — track arc, telemetry waveform, top-down lap — sit beneath bold typographic statements.

01
Vision
"The future of racing, on your table." — establishes the AR promise immediately.
02
Telemetry
"20 cars. 300+ data points per second." — credibility through specificity.
03
Presence
"Be in the pit wall." — invites the user into the experience.
03 / RACE SELECT SLIDE 04 / 08
Race select screen
TAB 01 · DATA SOURCE

Pick a race.
Any race.

A three-step picker — Season → Grand Prix → Session — pulls from OpenF1's full archive. The footer reports payload size and frame count so the user knows what they're loading before they hit go.

01
Season pills
2024–2026, single-tap selection with red underline accent on active state.
02
GP list
Flag tile + circuit name + date in monospace. 10 events per season.
03
Session grid
FP1 / FP2 / FP3 / Quali / Sprint / Race in a 3×2 grid.
04 / RACE DATA SLIDE 05 / 08
Race data screen
TAB 02 · LIVE DATA

Broadcast-grade
telemetry.

Every signal you'd see on the FOM world feed, distilled for mobile. Mini-track + weather strip live in a single carded module above the standings table.

01
Live order
Position, code, gap, last lap, team color stripe — toggleable to sectors and tires.
02
Mini circuit
Live driver dots on a stylised Monaco map, sector-coloured for purple/green/yellow.
03
Weather + pit log
Air, track temp, wind, humidity, status. Every stop with from→to compound and duration.
05 / AR REPLAY SLIDE 06 / 08
AR replay screen
TAB 03 · THE HEADLINE FEATURE

Holographic
cars on glass.

ARKit places a track plane on any horizontal surface. Wireframe car entities are driven by interpolated OpenF1 frames at 0.5×–4× speed, scrubbable by lap or time.

01
Playback dock
Timeline scrubber, lap stepper, play/pause, speed selector — all in one liquid-glass module.
02
Camera presets
Top, Chase, Trackside — switch viewpoint without breaking the AR anchor.
03
Driver focus
Tap any car to follow it. Speed, gear, throttle %, DRS state surface in a glass card.
06 / DESIGN SYSTEM SLIDE 07 / 08
FOUNDATION

Monochrome carbon.
One red accent.

A restrained Apple-grade palette built around a single F1 red. Type is split: Geist Sans for display, Geist Mono for telemetry — every number set in monospace so columns align.

PRIMARY ACCENT
#E10600
F1 official red. Used for active state, focus glow, CTAs only.
SURFACE
#07070A
Carbon black background. Cards layer at 3% white opacity.
DEVICE
402×874
iPhone 16 Pro. Liquid-glass tab bar floats 16px from bottom.
DELIVERY
8 FILES
SwiftUI source ready for Xcode 16, iOS 18, ARKit 7.
APEX·AR SLIDE 08 / 08
FIN

It was
so fun.

Soroush Karimi · Hurricane Hackathon · May 2–3, 2026
Telemetry by OpenF1 · Built with SwiftUI, ARKit, RealityKit, Metal 4
Not affiliated with Formula 1, FIA, or any team.
APEX·AR · MMXXVI THANK YOU