Design Systems for Headset UI
Cover imagery for Design Systems for Headset UI
advanced

Design Systems for Headset UI

Tokens, spacing, and typography scales that stay legible at arm length.

¥61,000 · 5 weeks · self-paced · advanced

Overview

You build a miniature design system: type ramp, panel elevation, and focus states that work when pixels are stretched across FOV.

What is included

  • Type ramp exercises with real headset captures
  • Elevation tokens mirrored in engine prefabs
  • Contrast checks for passthrough overlays
  • Collaboration guide for designers + engineers

Outcomes

  • Publish a Figma + prefab kit for one app shell
  • Run a critique using our legibility rubric
  • Ship a changelog after peer feedback
Avatar for Ravi Menon

Responsible instructor

Ravi Menon

Frontend mentor specializing in spatial UI and interaction graphs.

FAQ

Primary files are Figma; Penpot notes are supplementary.

Experience notes

Design Systems for Headset UI forced paired reviews between devs and designers. Messy schedule-wise, sharp outcomes.

— Priya · XR tooling startup

★★★★☆ — token naming is strict. Good pain.

— Tomo · 4/5 · survey

Request information