Skip to content
v2.1

Inspired by Yuyu

Space Works UX is our own, and it started from Yuyu, an event platform by Abhiram N J. We studied 28 of its screens on four boards (R1–R28 in the spec) for layout, navigation and interaction, then adapted them for Space Works.

What we kept

Section titled “What we kept”
  • A calm workspace: one shell, text-only navigation and one filled primary action per region.
  • Stat cards, contextual callouts and lists that put the next step inline.
  • Undo in place for reversible actions, and a danger zone for the rest.
  • A split-screen sign-in, centred task cards and public pages with a sticky action card.

What we changed

Section titled “What we changed”
  • Visual identity. Every colour, typeface, logo and icon comes from the Space Works brand guidelines, not from the boards. Yuyu’s near-black pill buttons became Maker Teal, and its warm-grey sidebar became a Citron field.
  • Scale. Dense tables, guided multi-step flows, payments with receipts, kiosks and many roles. See “Where the reference boards don’t scale” in the spec.

The reference boards

Section titled “The reference boards”

These boards are Yuyu’s work, shown here for attribution and study. They are not part of the Space Works design kit and are not relicensed.

Yuyu reference board: Organiser workspace. R1–R6: organiser home with organisations and recent activity; events list with stats and date chips; new organisation with a live preview; members and invitations; general settings with a danger zone; API access with checkbox cards and code.Organiser workspace · Yuyu

R1–R6: organiser home with organisations and recent activity; events list with stats and date chips; new organisation with a live preview; members and invitations; general settings with a danger zone; API access with checkbox cards and code. Read the screen-by-screen pattern reference.

Yuyu reference board: Managing an event. R7–R10: event overview with tabs and statistics; check-in with offline status, camera, search and Undo; programme with track filters and delay controls; series overview with date cards, details form and agenda.Managing an event · Yuyu

R7–R10: event overview with tabs and statistics; check-in with offline status, camera, search and Undo; programme with track filters and delay controls; series overview with date cards, details form and agenda. Read the screen-by-screen pattern reference.

Yuyu reference board: Sign in, invites & account. R11–R17: split-screen sign-in; new-password card with strength feedback; email confirmation; organisation invite acceptance; co-organiser invite; profile settings and verification; security settings with a destructive action.Sign in, invites & account · Yuyu

R11–R17: split-screen sign-in; new-password card with strength feedback; email confirmation; organisation invite acceptance; co-organiser invite; profile settings and verification; security settings with a destructive action. Read the screen-by-screen pattern reference.

Yuyu reference board: Attending an event. R18–R28: public event with and without cover; programme time grid; session details; speaker page; series registration; live running order; feedback ratings; phone QR ticket; kiosk PIN keypad; door check-in with camera, result, Undo and recent activity.Attending an event · Yuyu

R18–R28: public event with and without cover; programme time grid; session details; speaker page; series registration; live running order; feedback ratings; phone QR ticket; kiosk PIN keypad; door check-in with camera, result, Undo and recent activity. Read the screen-by-screen pattern reference.