Mission Control

MISSION CONTROL

Good morning, Quimes.

Project Atlas is the active initiative. The immediate focus is establishing UDL foundations and an approved component library before returning to Command Grid implementation.

42%Atlas foundation progress
Production AppPRODUCTION
v1.06.0Guided Setup Release
Chrome ExtensionBETA
v0.10.18Team + Chase manual controls
Command GridDESIGN
AtlasNot released or integrated
WorkspaceINTERNAL
v0.5Broadcast Themes + Theme Editor foundation
TODAY

Priority queue

4 items
SYSTEM

Platform health

Stable
Workspace deploymentPublished
Ureka Copilot APIConnected
Team Board rendererStable
Chase List previewStable
Whatnot syncBeta
Manual status snapshot · update after meaningful releases.
PROJECT ATLAS

Milestones

✓BlueprintApproved
2UDL FoundationsIn progress
3ComponentsPlanned
4Frame LibraryPlanned
5Command GridBlocked by design
QUICK ACTIONS

Start here

ACTIVE PROJECT

Project Atlas

The first broadcast layout initiative built through a documented design system, reusable components and isolated layout architecture.

IN DESIGN
42%Overall progress
Owner ArquimedesCurrent gate UDL FoundationsNext approval Component Library

Definition of done

7 gates

✓ Product blueprint approved

✓ Design handoff approved

○ UDL foundations approved

○ Core components approved

○ Static Command Grid prototype approved

○ Production implementation passes visual QA

○ Documentation and release notes published

Current blockers

Design
P1Command Grid visual languageFrame, title typography and corner hardware require source-of-truth assets before coding.
P1Reusable component approvalTile, header, counter and ticker cannot remain one-off elements.
P2Theme package contractRenderer capabilities and manifest schema require RFC approval.

Atlas systems

Navigation
UDL 1.0

Ureka Design Language

The shared visual foundation for Studio, Ureka HQ, the Stream Controller, marketing surfaces and broadcast displays.

FOUNDATION REVIEW
01
Broadcast first

Readability and live-state clarity always come before decoration.

02
One visual language

Every Ureka surface should feel related without looking identical.

03
Purposeful motion

Animation communicates state, focus or hierarchy—never noise.

04
Reusable by default

If an element appears twice, it should become a documented component.

COLOR TOKENS

Semantic palette

Candidate v1.0
Gold / Primary--ureka-gold-primary · #D7A53CPrimary action, active state, premium emphasis
Gold / Highlight--ureka-gold-highlight · #F3D47AMetal highlights and subtle emphasis
Blue / Broadcast--ureka-blue-broadcast · #2C8FFFAvailable state, connection and sync
Red / Broadcast--ureka-red-broadcast · #D93C2FAlert, danger and right-edge broadcast lighting
Steel / Light--ureka-steel-light · #D6DADFHeadline metal, borders and chrome accents
Steel / Dark--ureka-steel-dark · #454B55Frames, dividers and muted chrome
Carbon--ureka-carbon · #10151DPrimary broadcast canvas
Black Glass--ureka-glass · #080B11Panels, overlays and internal surfaces
TYPE SYSTEM

Roles before sizes

Font family to lock
Display HeroBUILD BETTER BROADCASTS64–96px · 900 · -0.035em
Display XLMLB TEAMS REMAINING48–72px · 900 · -0.025em
Counter XL8 / 30 REMAINING34–48px · 900 · 0.03em
LabelAVAILABLE · TAKEN12–16px · 800 · 0.14em
BodyClear guidance for live production workflows.16px · 450 · 1.55 line-height
MicroVERSION · STATUS · METADATA11px · 750 · 0.12em
LAYOUT TOKENS

Eight-point spacing system

No arbitrary gaps
4Micro alignment
8Icon and label gap
12Compact control spacing
16Default internal padding
24Card and panel rhythm
32Section grouping
48Major visual separation
64Page-level breathing room
Radius XS6px
Radius S10px
Radius M16px
Radius L24px
Pill999px
MATERIAL LIBRARY

Controlled broadcast finishes

Use sparingly
Brushed Steel

Hero typography and primary chrome.

Dark Chrome

Frames and structural hardware.

Carbon Fiber

Low-contrast broadcast backplates.

Black Glass

Panels, controller surfaces and modals.

Blue Edge Light

Available and connected states.

Red Edge Light

Alert and mirrored frame lighting.

MOTION TOKENS

Fast, clear and restrained

Prototype rules
Fast150ms

Buttons, toggles and small state changes.

Standard250ms

Cards, drawers and component transitions.

Page300ms

Workspace navigation and larger panels.

Broadcast600–900ms

Stream Moments and viewer-facing reveals.

Do

Use movement to confirm selection, communicate a state change or guide focus.

Don't

Loop decorative animation behind live cards, products or critical information.

BROADCAST STANDARD

Rules unique to Ureka

Core differentiator
01
Preview must equal OBS

The same renderer, payload and layout package must power both outputs.

02
Design for phone viewing

Critical labels and statuses must remain readable in Whatnot's vertical mobile experience.

03
State must be unmistakable

Available, taken, selected and disconnected states need more than color alone.

04
Ticker lives in its own band

Scrolling text must never compete with the board's primary hierarchy.

05
Motion pauses long enough to read

Viewer-facing moments require deliberate entry, hold and exit timing.

06
Layouts declare capabilities

Each package documents supported modules, leagues, states and constraints.

UDL COMPONENT GALLERY

Reusable Components

Preview approved patterns, inspect states and document implementation rules before they are used in Studio, HQ, the Controller or a broadcast layout.

v0.4 GALLERY
NYMAVAILABLE
NYYTAKEN
Broadcast

Team Tile

DRAFT

Canonical team identity and availability component.

5 variantsOBS critical
TEAM BREAKSMLB TEAMS★
Broadcast

Broadcast Header

DRAFT

Kicker, hero title, divider, star and optional legend band.

3 sizesHeader band
UREKASTREAM STUDIO
Broadcast

Center Panel

DRAFT

Flexible branded panel for logo, moments or live information.

4 content modesSafe area
8 / 30REMAINING
Broadcast

Remaining Counter

DRAFT

Live count component with large, medium and compact variants.

3 sizesData driven
AVAILABLE TAKEN
Broadcast

Status Legend

DRAFT

Color, symbol and text system for broadcast states.

4 meaningsAccessible
◆ ALL CARDS SHIP ◆ BREAKS ONCE FILLED
Broadcast

Broadcast Ticker

DRAFT

Independent information band with controlled scrolling motion.

3 variantsExternal band
Core UI

Button

CANDIDATE

Shared action hierarchy for Marketing, Studio, HQ and Controller.

6 statesCross-product
PRODUCTIONBETADESIGN
Core UI

Status Pill

CANDIDATE

Lifecycle and system-state communication across the platform.

7 meaningsSemantic
PROJECT ATLAS42%Foundation progress
Core UI

Surface Card

CANDIDATE

Base information container with consistent border and elevation.

4 variantsResponsive
LAYOUT REGISTRY

Broadcast Themes

Released and proposed broadcast presentation packages, clearly separated by lifecycle status.

Classic

PRODUCTION

Flexible baseline layout for Team Board and Chase List.

Broadcast Board

PRODUCTION

Structured broadcast frame with title, counter and ticker.

Center Logo

PRODUCTION

Centered branding panel surrounded by live board items.

Command Grid

DESIGN

Project Atlas showcase. Approved concept, but the visual source of truth and production implementation are not complete.

THEME SYSTEM

Theme Editor

A controlled customization environment for assembling approved UDL components into professional broadcast presentations.

PLANNING
Normalized Payload→Approved Components→Theme Configuration→Preview = OBS

MVP customization controls

Safe options
  • Choose an approved Broadcast Theme
  • Set brand accent and status colors
  • Select approved typography presets
  • Choose team-color or neutral-status tiles
  • Configure title, counter, logo and ticker visibility
  • Adjust approved glow and material intensity presets

Non-negotiable guardrails

UDL
  • Theme controls cannot change the structural grid
  • Minimum text and logo safe areas remain enforced
  • Preview and OBS use the same renderer
  • Unsupported capabilities are hidden automatically
  • Every setting maps to a documented design token
  • No arbitrary CSS or unvalidated uploads in the MVP

Composable slots

Theme anatomy
Theme
  Header
  Status Legend
  Content Grid
  Center Panel
  Remaining Counter
  External Ticker
  Motion Preset

Theme capability manifest

Contract
{
  "teamBoard": true,
  "chaseList": true,
  "ticker": true,
  "counter": true,
  "streamMoments": true,
  "colorTeams": true,
  "leagues": ["MLB", "NBA"]
}
APPROVAL PATH

Theme Editor lifecycle

1Product contractCurrent
2UX wireframeNext
3UDL controlsPlanned
4Renderer prototypePlanned
5Beta releaseFuture
PLATFORM

Engineering Architecture

One payload, one renderer path and one visual output shared by preview and OBS.

RFC
Editor State→Normalized Payload→Theme Renderer→Live Preview=OBS Output

Theme package contract

themes/command-grid/
  manifest.json
  renderer.js
  style.css
  preview.png
  assets/

Capability declaration

{
  "teamBoard": true,
  "chaseList": true,
  "ticker": true,
  "streamMoments": true,
  "leagues": ["MLB", "NBA"]
}
INTEGRATION

Controller Extension

The extension owns Whatnot state observation and live control. It does not own layout rendering.

v0.10.18 BETA

Responsibilities

  • Observe Whatnot widget state
  • Send authoritative snapshots to Ureka
  • Provide Team Board and Chase List manual controls
  • Trigger Stream Moments
  • Report connection and sync status

Boundaries

  • Does not render broadcast layouts
  • Does not own OBS positioning
  • Does not store OpenAI or platform secrets
  • Controls only the display associated with the active copied OBS URL
DEPLOYMENTS

Release Registry

Clear separation between customer production, beta integration and internal workspace builds.

PRODUCTION

Ureka Stream Studio v1.06.0

Guided Setup Release: Help & Setup, Chase List skin parity, live preview and extension controls.

BETA

Controller Extension v0.10.18

Manual control support for Team Board and Chase List.

INTERNAL

Ureka HQ v0.5

Broadcast Themes terminology, Theme Editor foundation, UDL gallery, contextual Copilot and command palette.

DECISIONS

RFCs & Decision Log

Meaningful platform changes begin with a written problem, proposal, alternatives and decision.

IDProposalStatusOwner
RFC-001Command Grid / Project AtlasAPPROVED DESIGNArquimedes
RFC-002Plugin-based layout architectureDRAFTArquimedes
RFC-003Theme Editor MVPPLANNINGArquimedes
DEC-001Rename display skins to Broadcast ThemesADOPTEDProduct
COMPONENT

Team Tile
⌕esc