RME-250.7a · the office, step 7

Pick the office's look

Seven topics. Each shows the office as it is today (real screenshots, 6 Oct, v0.6f49ef9c), then two or three options drawn as simple mockups. Tap one pick per topic, add a note if you want. Nothing here changes the office. Step 7b builds what you pick, after step 6 is done.

Who is picking? Pick who you are first.

The colours these mockups use

Everything comes from the brand system, except three people colours that are not in it yet. Those are taken from today's office and need YT's yes before step 7b uses them.

Paper#f7f6f2 · brand
Ink, text and buttons#013b3b · brand
Teal, the devs only#0f766e · brand
Deep teal, night#134e4a · brand
Red, waits on you#F43F5E · brand status
Amber, needs a fix#F59E0B · brand status
Green, someone working#10B981 · brand status
YT purple needs YT's yes#7b4bb3 · not in brand
Vy pink needs YT's yes#e46a8c · not in brand
Claude orange needs YT's yes#e8833a · not in brand

One clash to settle: the brand says buttons and links are teal, but 5 Oct says the devs are the only teal thing. So every mockup uses dark ink buttons. That needs YT's yes too.

Topic 1 of 7

The map

Big rooms with an icon and a name, one meaning per colour, a legend, readable on the phone. Room names are today's. The final room list comes from step 6, so the map is drawn once, after it.

Today's map on a laptop: a dark skyscraper of small rooms with red and orange badges
Now, laptop. Dark tower, badges cover the room names, red means two things.
Today's map on a phone: tall dark floors, one room per screen
Now, phone.
Option A

Room tiles

The map✕
waits on youneeds a fixsomeone workingquiet
👑
Your office
15 for you
🌸
Vy's room
working
🛠️
Dev lab
10 for you
🏭
Work floor
3 working
📋
The board
quiet
🎬
Screening room
1 to watch
🔍
Research lab
quiet
👀
Backroom
2 to fix

Every room is the same big white tile: icon, name, and one coloured dot with words. On the phone it's two tiles a row.

Option B

Floors, made big

The map✕
1Front
👑Your office
🌸Vy's room
📋The board
2Making
🏭Work floor
🎬Screening
3Engine
🛠️Dev lab
🔍Research
👀Backroom
waits on youneeds a fixworkingquiet

Keeps today's building idea, but each floor is one row of big named rooms, light not dark, and the dot sits in the corner so it never covers a name.

Option C

A plain list

The map✕
Front
👑Your office15 for you
🌸Vy's roomworking
Making
🏭Work floor3 working
🎬Screening room1
Engine
🛠️Dev lab10
👀Backroom2 to fix

No picture at all: rooms as a grouped list with a count on the right. Easiest to read on a phone, but it stops looking like a place.

Your pick for the map:
Topic 2 of 7

Colours and calm

Fewer borders, no beige with a red side bar, brand colours only. People: YT purple, Vy pink, the devs teal (the only teal thing), Claude orange with S, O and V badges (Studio, Office, Vy's Claude).

Today's board: an orange header, thick black borders round every box, nine filter pills
Now: orange header, thick black borders on every box, nine filter pills, red bars on the map's side cards.
Option A

Paper and white

Your deskBoardMap
Bruno needs a test
The dev lab, from Bruno
BBrunoYTYTOpen
Webinar close, pick the end visual
From the Video coworker
CSClaude SVVyLook

Paper behind, white cards with one thin line, dark ink buttons. Colour only where a person is.

Option B

Deep teal frame

Your deskBoardMap
Bruno needs a test
The dev lab, from Bruno
BBrunoYTYTOpen
Webinar close, pick the end visual
From the Video coworker
COClaude OVVyLook

The office frame is the brand's deep teal, the work stays on white cards. Closest to today's dark mood, but in brand colours.

Option C

All white, no lines

Your deskBoardMap
Bruno needs a test
The dev lab, from Bruno
BBrunoYTYTOpen
Webinar close, pick the end visual
From the Video coworker
CVClaude VVVyLook

The calmest: white everywhere, no borders at all, cards lift off with a soft shadow. Colour only in the people dots.

Your pick for colours:
Topic 3 of 7

The card

A clear title, what it is, the thing itself, at most 3 buttons, and a Details fold with every tag, link and the history, free to open (no tokens).

Today's desk: a parcel belt, four columns of cards, and a card with two big dark buttons, a chat box and a pop-up over it
Now: belt, four columns, two full-width buttons, a chat box, Back and Next, and a pop-up on top of the card.
Option A

One column

Webinar close: pick the end visual
A video to watch from the Video coworker, 2 versions
▶the video itself
ApproveLaterNext
Tell it what to do…
Details
  • Ticket RME-31, owner Vy, reviewer YT
  • Links: the review page, the PR
  • History: 3 steps, newest first

Top to bottom: title, one line, the thing, three buttons, the "tell it" box, Details folded shut.

Option B

The thing first, big

▶the video itself
Webinar close: pick the end visual
A video to watch from the Video coworker, 2 versions
ApproveLaterNext
Details
  • Ticket RME-31, owner Vy, reviewer YT
  • Links, history

The thing takes the left two thirds, the words and buttons sit beside it. On the phone it stacks like A.

Option C

The question first

DECIDE · FROM THE VIDEO COWORKER
Which end visual closes the webinar?
version 1
This one
version 2
This one
Neither, say whyLater
Details
  • Ticket RME-31, links, history

For decisions: the card is the question, and the answers are the buttons. Fine for picks, odd for plain read-only cards.

Your pick for the card:
Topic 4 of 7

The chat side panel

One panel down the right for every conversation, replacing Ask Claude, Leave a comment, Explain it and the 🧵 Thread button. The thread for what's in front of you, plus a switcher for every chat.

Today's chat panel: a long list of chats named by internal ids like ticket:RME-250 and card:guide-stats
Now: the panel exists, but it's a list of internal ids (ticket:RME-31, card:guide-stats), and the action bar and toasts still sit under it.
Option A

Slides over

Webinar closeAll chats ▾ 12
CS

Claude STwo end visuals are ready.

V

Vy@yt I like version 2

Write… @claude @vy @yt

Opens over the office like the Hypothesis sidebar, and stays open while you walk. The office behind stays full size.

Option B

Docked, office shrinks

This cardAll 35Needs you 12
CO

Claude OTwo end visuals are ready.

YT

YTVersion 2, thanks

Write… @claude @vy @yt

The panel takes its own column and the office moves left, so nothing is ever hidden under it. Three tabs instead of a drop-down.

Option C

A thin rail of faces

VCSBKCO

Closed, it's a strip of faces with red unread dots. Tap a face and it opens like A. Takes the least room.

Your pick for the chat:
Topic 5 of 7

Day and night

Today it always looks like night (the moon by the clock, dark rooms), even at midday. Night in every option uses the brand's deep teal, not today's purple.

Today's office: a dark purple room with a lamp glow and a moon picture
Now: dark purple at every hour.
Option A

Follow the real clock

YT
09:00 day
YT
18:30 dusk
YT
23:00 night

The office follows the time where you are: light in the day, dusk in the evening, deep teal at night. No setting to touch.

Option B

Always day

YTV
every hour

One light look all the time. Simplest, and the easiest to read late at night too.

Option C

A switch in Settings

LightReal clockDayNight
YT
Day
V
Night

A three-way switch, starting on Real clock. YT and Vy each keep their own setting.

Your pick for day and night:
Topic 6 of 7

The phone

On the phone you don't walk. You use menus and the chat.

Today's office on a phone: a usage panel, a toast, a red banner and three big buttons all piled on top of each other
Now, phone: four layers pile up and hide each other.
Option A

Tabs at the bottom

Your desk15
Bruno needs a testDev lab · Open
Webinar closePick the end visual
Daily stats refreshWaits for your Allow
🚪Desk15📋Board🗺️Map💬Chat12

Four fixed tabs, like most phone apps. Chat is a full screen of its own.

Option B

A menu and a chat button

☰Your desk
Bruno needs a testDev lab
GO TO
🚪 Your desk
📋 The board
🗺️ The map
ROOMS
🛠️ Dev lab
🏭 Work floor
🎬 Screening room
⚙️ Settings

One ☰ menu holds every room, a round chat button floats bottom right and opens the chat from below.

Option C

One "today" list

TodayMore
NEEDS YOU NOW · DEVS FIRST
Bruno needs a testDev lab
Webinar closePick one
CS

Claude STwo end visuals are ready.

The phone opens on one list of what needs you. Rooms sit under More. The chat is a sheet you pull up from the bottom.

Your pick for the phone:
Topic 7 of 7

The polish list, shown fixed

The red banner behind the action bar, button 2 covered and faded, the tour card over the corner, the unreadable map. The map fix is topic 1. Two ways to fix the rest.

Today's office: the red waiting banner runs behind the three action buttons, cut off at both ends
Now: the red banner runs behind the action buttons, the usage panel and a toast sit on top of the room. The tour card was not open at capture, it lands on the bottom left corner the same way.
Today's phone view with every layer on top of each other
Now, phone.
Option A

Stack them, never overlap

🗺️ Map🚪 Your desk📋 Board💬
Tour, 2 of 6This is your desk. Next
⚠️ Daily stats refresh waits for your Allow clickOpen it
Who is nextQuestionsCoworkersMore

The banner gets its own full line above the buttons, so it's read whole and covers nothing. The tour card sits top right, under the top bar.

Option B

Notices go to the bell

🗺️ Map🚪 Your desk📋 Board🔔1💬
Tour, 2 of 6This is your desk. Everything that waits on you is in the 🔔. Next
Who is nextQuestionsCoworkersMore

No banners on the floor at all: anything waiting becomes a count on a 🔔 in the top bar. The tour is one centred card with the rest dimmed.

Your pick for the fixes:
Your picks

What you picked

TopicPickNote

YT's and Vy's picks are kept apart: each is saved under its own name. Comments on any line go in Hypothesis.