Skip to content
v2.1

Appendix: wireframes for batches E to I

Batch E

Section titled “Batch E”

E1 Bulk import

Bulk import                         Step 2 of 4 · Match columns
 ● Upload ─ ● Match columns ─ ○ Review ─ ○ Import
┌ Name       ← [Item name v]    Quantity ← [Qty v]                 ┐
│ Category   ← [Don't import v] Location ← [Shelf v]               │
                                                   (Back) [Preview]

E2 QR labels

← All batches
October labels · 24 labels                         [Download all (ZIP)]
┌ Add labels  [ Item | Units | Reprint a unit ] ┐  ┌QR┐┌QR┐┌QR┐┌┄+┄┐
│ [Item v]                     [Add to batch]   │  │A1││A2││B4││add│

E3 Create makerspace

New makerspace                    Step 1 of 5 · Identity
 ● Identity ─ ○ Profile & hours ─ ○ Modules ─ ○ First staff ─ ○ Review
[Name……………]                                     PUBLIC PAGE PREVIEW
[Public code ▢▢▢▢]  Shown on labels and receipts  ┌[TS] Tinker Space ┐
[Slug …/m/ tinker-space]                          │ /m/tinker-space  │
[Location……]                                      │┄ Catalogue here ┄│
Cancel                                        (Back) [Next]

E4 Tenant migration

Tenant migration
┌ ! This is one-way. Cut-over archives the source space…            ┐
 ✓ Review disclosure ─ ✓ Pin deployments ─ ● Encrypt export ─ ○ … ─ ○ Cut over
┌ Step 3 · Encrypt export (source)        ┐ ┌ Status         ┐
│ [Recipient key……]  [Create export]      │ │ 1 Done ✓       │
│ export 3 Oct  [Ready] Download one-use  │ │ 4 Needs step 3 │

Mobile: the stepper collapses to “Step 3 of 6 · Encrypt export” with a “Steps” sheet.

E5 Password recovery: the auth2 card (see Batch F).

Batch F (one template)

Section titled “Batch F (one template)”
 space works
                 ┌──────────────────────────────┐
                 │          ( icon )            │
                 │   Set a new password         │
                 │   asha is using a temporary… │
                 │   [Current password]         │
                 │   [New password] ▬▬▬─  ✓ 12+ │
                 │   [Confirm]                  │
                 │   [   Save new password    ] │
                 │        Sign out              │
                 └──────────────────────────────┘

Mobile: the card goes full-width with a 16 px gutter; the logo stays top-left.

Batch G

Section titled “Batch G”

G1 Landing

space works                                         About   Sign in
Space Works
Find a space. Borrow the tool.            (Unbounded accent, once)
[Search by name, code or place………………………]   12 spaces
┌ cover ┐┌ cover ┐┌ cover ┐
│[FL] Fab Lab · Bengaluru   FLAB   Open catalogue → │

G3 Public machines

{Fab Lab}  Catalogue  Machines  Events  Bookings         Sign in
What you can use at Fab Lab
(All)(3D printers)(Laser)(CNC)  (Training required)
┌ img ┐┌ img ┐┌ img ┐
│ Bambu X1 [Available] 312 h · 3 jobs queued · ~2 h   [Request a job] │

G4 Public bookings (detail state)

← All spaces
┌ hero image ───────────────────────────────┐
Bench 2 · Workshop · Ground floor            ┌ Book this space ──────────┐
Description…                                 │ [Date] [From][To]         │
Availability calendar                        │ [Your details…]           │
                                             │ [Request booking]         │
                                             │ Staff confirm within a day│

G6 Print request

3D printing
Send a print job to Fab Lab
 Your print   [Title] [Project brief]          ┌ Track your job ─────┐
 Material     [Filament v] [Qty] [Grams]       │ After you send it…  │
 Files        ┌┄ Drop model files ┄┐           │ ○ Requested         │
              ┌┄ Drop screenshots ┄┐           │ ○ Accepted …        │
 [Send print request]                          └─────────────────────┘

Mobile: the tracker card moves above the form once a token exists, otherwise below it.

G7 Public stats

Live stats
Fab Lab in numbers
 Printing  ┌Busiest printer┐┌Queue 4┐  [bar: by brand] [trend]
 Lending   ┌Most popular┐┌Tools out 37┐┌Recently added┐
 Out right now  rows…

G8 Public organization

[MC] Maker Collective                                   (Visit website ↗)
Description…
Upcoming events across spaces
┌[OCT|14] Robotics meetup   Fab Lab · 6 pm · Free   [6 spots left]  Register at Fab Lab ┐

G9 Event feedback: a narrow form, with the Batch F card for the end states.

G10 Self-checkout (mobile-first; desktop centres a 480 px column)

[ Borrow | Return ]
Step 2 of 4 · Scan
┌───────────────┐
│ ┌─┐       ┌─┐ │
│               │   Hold the tool's QR inside the frame
│ └─┘       └─┘ │
└───────────────┘
(Back)                       [Next]

G11 Archived payments: a narrow list of space sections with charge rows.

Batch H (inside the member shell)

Section titled “Batch H (inside the member shell)”
Bookings                                                   [Book a space]
 Upcoming | Past
┌[OCT|16] Bench 2 · 10:00–12:00                    [Confirmed]  Move [...] ┐

H1, H3, H4 and H5 follow the same row template. H6 uses the auth6 settings template with sub-tabs.

Batch I

Section titled “Batch I”

I1 locked: the att10 layout, as is. Left: avatar, “{event} · Door check-in”, “Enter the station PIN”, 8 boxes. Right: keypad + “Open check-in”. I1 unlocked: the att11 layout, as is. Station bar with counter, Online pill and “Lock station”; scanner left; result panel right with “Next guest” / “Undo”; recent list; search + Find. Mobile/tablet portrait: the stage sits above the side panel; keypad keys stay at least 64 px.

I2 Public desk kiosk: station bar + catalogue body. I3 Scanner page: the att11 layout with the resolved-object card in the side panel. I4 Offline page: a single-column card + loans + two buttons.

Part of UX spec: long-tail screens (Space Works UX across all of SpaceWorks), published from docs/ux-screens-longtail.md. Edit it there.