Meridian — Project Management UI

Desktop-first SaaS interface · 10 core screens · Light & dark explorations · Mobile responsive at 375px · Compact app scale
Accent On track At risk Off track Neutral

01 · Portfolio dashboard

Desktop · 1440 · Light
Acme Co. Portfolio
Search projects, tasks, people… ⌘K
3 JR

Portfolio overview

12 active projects · Updated 2m ago
Team · All Owner · Anyone Status · Active Range · This quarter ·
View Cards Table
Active projects +2
12
3 launching this month
Overdue tasks +9
47
Across 8 projects
Due this week62%
Completed this week +18%
128
vs. 108 prior
Team utilization
82%
14 of 17 above 70%
Capacity82%

Project status

ProjectOwnerProgressHealthDue
Atlas Migration
Platform · 14 of 22 milestones
DAD. Aoki
64%
 Off track Jun 28
Beacon Mobile App
Engineering · v2.1 release
PMP. Mitchell
48%
 At risk Jul 15
Q3 Marketing Refresh
Marketing · Brand + site
SCS. Choi
78%
 On track Aug 02
Customer Portal v2
Product · Beta cohort 3
RWR. Walker
91%
 On track Jun 12
Vendor Onboarding
Operations · Tier 1 partners
LKL. Kang
32%
 Planning Sep 20
Compliance · SOC 2
Security · Type II audit
EME. Marsh
55%
 On track Oct 30

Needs attention

5 items
Blocked
API gateway sign-off
Atlas · waiting on Security
2d
Overdue
Onboarding spec review
Beacon · @P. Mitchell
3d
Blocked
Pen-test scope
SOC 2 · vendor delay
5d
Stalled
Vendor risk matrix
No update for 9 days
9d

Upcoming deadlines

Next 14 days
Jun
12
Beta cohort 3 launch
Customer Portal v2
Milestone
Jun
15
SOC 2 evidence freeze
Compliance
3 open
Jun
21
Migration cutover dry-run
Atlas
At risk

Recent activity

DA
D. Aoki moved Atlas · API gateway to Blocked.4 minutes ago
SC
S. Choi shipped 6 tasks in Q3 Marketing Refresh.32 minutes ago
RW
R. Walker closed milestone Beta cohort 3.2 hours ago
PM
P. Mitchell requested review on Onboarding spec.Yesterday
Interaction: Filters are persistent chips above the work region. The “Needs attention” panel always renders inline so blocked work is impossible to miss. KPI sparklines are decorative reinforcement — numerical values lead.
Desktop · 1440 · Dark
Acme Co.Portfolio
Search projects, tasks, people…⌘K
3 JR

Portfolio overview

12 active projects · Updated 2m ago
Team · All Owner · Anyone Status · Active Range · This quarter
Active projects +2
12
3 launching this month
Overdue tasks +9
47
Across 8 projects
Completed this week +18%
128
vs. 108 prior
Team utilization
82%
14 of 17 above 70%

Project status

12 active
ProjectOwnerProgressHealthDue
Atlas Migration
DA
64%
Off trackJun 28
Beacon Mobile App
PM
48%
At riskJul 15
Q3 Marketing Refresh
SC
78%
On trackAug 02
Customer Portal v2
RW
91%
On trackJun 12

Needs attention

Blocked
API gateway sign-off
Atlas · Security
2d
Overdue
Onboarding spec review
Beacon
3d
Blocked
Pen-test scope
SOC 2
5d

02 · Project detail · Overview tab

Desktop · 1440 · Light · Right context panel
ProjectsPlatformAtlas Migration
Search…⌘K
3 JR

Atlas Migration

Off track · Owned by DAD. Aoki · Due Jun 28 DAPMSCRW+6
Overview
Board 62
List
Timeline
Files 23
Activity

Milestone progress

14 of 22 complete · 64%
M1 · Discovery (done) M3 · Cutover (in progress) M6 · Sunset (planned)

Status summary

Updated by D. Aoki · 2h ago

Cutover dry-run is at risk due to dependency on Security review of the new API gateway. We have a workaround if review slips beyond Jun 18. Marketing dependencies are de-risked.

This week
17 tasks closed
Burn-up
+6 pts vs plan
Open risks
3 high · 2 medium

Key risks

HighSecurity review timeline
Owner: E. Marsh · Mitigation in motion
MedVendor SLA gap
Owner: L. Kang · Awaiting redlines
HighData parity check
Owner: D. Aoki · Test gap identified

Recent updates

DA
D. Aoki posted weekly update.2 hours ago
PM
P. Mitchell resolved 4 review comments on Migration runbook.Yesterday
RW
R. Walker attached data-parity-tests-v3.xlsx.2d ago
Layout intent: The right panel preserves task context while users navigate tabs. On tablet it collapses to a slide-over; on mobile it becomes a separate route.

03 · Board view (Kanban)

Desktop · 1440 · Light · Drag-ready
Atlas MigrationBoard
Search this board…⌘K
JR

Board

Sprint 14 · Jun 03 – Jun 17
Overview
Board 62
List
Timeline
Files
Activity
Sprint · 14 Assignee · Anyone Priority · All Tag · Anyone
Group by Status Assignee Priority
Backlog14
ATL-208P4
Index legacy event payloads
213 of 6
data
DA
ATL-211P3
Spike: queue back-pressure under load
Jun 19
researchinfra
PM
ATL-217P4
Decommission legacy admin UI
2
cleanup
LK
Ready8
ATL-241P2
Schema migration · users + sessions
Jun 142 of 4
backend
DA
ATL-243P2
Re-keying script for SSO mapping
5
security
EM
In progress6
ATL-260P1
Cutover dry-run · region us-east-2
Due Jun 125 of 9
migrationrunbook
DAEM
ATL-262P2
Customer comm · phase 2 rollout
Jun 183
comms
SC
ATL-265P2
Toggle: read replica fallback
Jun 14
infra
DA
Review4
ATL-258P2
Migration runbook · v3.2
43
docs
PM
ATL-256P1
API gateway · security review
Blocked11
securitypriority
EM
Done30
ATL-249Shipped
Migration plan · region us-west-1
migration
DA
ATL-251Shipped
Telemetry · cutover dashboard
telemetry
LK
ATL-254Shipped
Onboarding flow · audit log
audit
SC
Drag-ready: Cards lift on grab (subtle rotation + shadow). Drop targets highlight via column tint, not glowing borders. Critical cards (P1, blocked, overdue) are flagged with icons + text — never color alone.

04 · List / table view

Desktop · 1440 · Light · Bulk select active
My work · All tasks
Search…⌘K
JR

All tasks

142 tasks across 6 projects · 47 overdue
Status · Open Project · Atlas Migration × Assignee · Me × Priority · Any
3 selected ·
TaskStatusPriorityAssigneeProjectDue ↑DependencyUpdated
ATL-260Cutover dry-run · region us-east-2
 In progress P1Critical
DAD. Aoki
 Atlas Migration Jun 12 · −2d ATL-256 2m ago
ATL-256API gateway · security review
 Blocked P1Critical
EME. Marsh
 Atlas Migration Jun 14 — 12m ago
ATL-258Migration runbook · v3.2
 In review P2High
PMP. Mitchell
 Atlas Migration Jun 16 — 1h ago
ATL-241Schema migration · users + sessions
 Ready P2High
DAD. Aoki
 Atlas Migration Jun 14 ATL-238 3h ago
BCN-117Onboarding spec · v2 review pass
 In review P2High
PMP. Mitchell
 Beacon Mobile App Jun 18 — 5h ago
SOC-042Pen-test scope & vendor selection
 Blocked P1Critical
EME. Marsh
 Compliance · SOC 2 Jun 20 — Yesterday
MKT-204Site refresh · pricing page copy
 On track P3Medium
SCS. Choi
 Q3 Marketing Refresh Jun 21 — Yesterday
CP-088Beta cohort 3 · enable feature flags
 On track P2High
RWR. Walker
 Customer Portal v2 Jun 12 CP-085 2d ago
Density & scan: Sticky headers, hairline row separators, hover row highlight, and selected rows pinned with an accent edge. Status, priority, and assignee always include text + icon, never color alone.

05 · Calendar & timeline

Desktop · 1440 · Light · Calendar (month) + Timeline (Gantt)
Calendar
Search…⌘K
JR

June 2026

Portfolio milestones & deadlines
· Day Week Month Timeline
Mon
Tue
Wed
Thu
Fri
Sat
Sun
26
27
28
29
30
31
1
2Sprint 14 starts
3
4Site copy review
5
6Vendor SLA · draft due
7
8
9Beta release notes
10
11SOC 2 evidence sync
12Cutover dry-run · DUEBeta cohort 3 launch
13
14
15SOC 2 freeze
16
17Sprint 14 ends
18Onboarding spec · review
19
20Pen-test scope · DUE
21Pricing copy · DUE
22
23
24
25Migration runbook · v3.3
26
27
28Atlas Migration · CUTOVER
29

Portfolio timeline · Q2

Apr — Jun Quarter Half Year
Project
Atlas MigrationD. Aoki
Beacon MobileP. Mitchell
Q3 MarketingS. Choi
Vendor onboard.L. Kang
SOC 2E. Marsh
Customer PortalR. Walker
JanFebMarAprMayJunJulAugSepOctNovDec
Discovery · Cutover
v2.1 release
Brand + site
Tier 1–3 partners
Audit prep · Type II
v2 · GA
Semantic minimal color: Calendar event tints map to status (on track / at risk / off track / informational). Today is marked once per view. Gantt dependency arrows are light gray to avoid visual noise.

06 · Task detail drawer

Desktop · 1440 · Light · Drawer over Board
Backlog
Index legacy event payloads
Spike: queue back-pressure
Ready
Schema migration · users + sessions
In progress
Cutover dry-run · region us-east-2
Review
Migration runbook · v3.2
Done
ATL-260 In progress P1Critical
Cutover dry-run · region us-east-2
Project
Atlas Migration
Assignee
DAD. Aoki
Reviewer
EME. Marsh
Due date
Jun 12 · 2 days overdue
Estimate
3.5 days · 2.0 logged
Tags
migrationrunbookinfra
Dependency
ATL-256 · API gateway reviewBlocked

Description

Run end-to-end cutover scripts against the staging copy of us-east-2. Capture timing, rollback triggers, and any discrepancies in the data parity report. Reference runbook v3.2.

Subtasks · 5 of 9

Snapshot staging datasetJun 08
Validate parity baselineJun 09
Pre-flight checksJun 10
Failover toggle testJun 10
Capture timing matrixJun 11
Run rollback rehearsalJun 12
Replay write-after-cutoverJun 12
Sign-off · SecurityJun 13
Publish dry-run reportJun 13

Attachments · 3

PDFcutover-runbook-v3.2.pdf2.4 MB · D. Aoki · 2d ago
XLSdata-parity-tests.xlsx112 KB · R. Walker · 4d ago
PNGtiming-matrix-baseline.png680 KB · D. Aoki · 6d ago

Comments · 11

DA
D. Aoki2 hours ago

Rollback rehearsal is hard-blocked on the gateway sign-off. If we don’t hear back today, I’ll move us to the workaround path. Looping in @E. Marsh.

EM
E. Marsh1 hour ago

Security has the runbook. Will send redlines by EOD. Workaround is acceptable as long as we add a post-cutover audit step.

PM
P. Mitchell22 minutes ago

Customer comm draft is staged for after sign-off. Pinging once the dry-run window is locked.

Activity

DA
Moved this task to In progress.3 days ago
DA
Linked dependency ATL-256.3 days ago
EM
Set priority to Critical.2 days ago

Comment

DONE Subtask Capture timing matrix marked complete. Undo
Context preservation: The drawer slides over the parent view; closing it returns focus to the originating card. Destructive or status changes always show an inline toast with Undo for ~6s.

07 · Team workload

Desktop · 1440 · Light · Capacity by week
Team workload
Search…⌘K
JR

Team workload

Platform Engineering · Sprint 14
Team · Platform Range · This sprint Project · All
Group by Person Project
Headcount
17
12 engineers · 3 designers · 2 PM
Avg utilization
82%
Target 75%+7
Over capacity
3
Over 100% this week
Available capacity
38h
Across 4 people
Member
Mon · 9
Tue · 10
Wed · 11
Thu · 12
Fri · 13
Capacity
DA
D. Aoki
Senior · Platform
112%
PM
P. Mitchell
Eng Lead · Mobile
71%
EM
E. Marsh
Security · Platform
94%
SC
S. Choi
PMM · Marketing
50%
RW
R. Walker
Designer · Portal
75%
LK
L. Kang
Operations · Vendors
37%PTO Fri

Bottlenecks

Last 30d
HighSecurity review queueavg 4.2d
MedDesign QA · Portal v2avg 2.8d
MedVendor redlinesavg 3.4d

Overdue by owner

DAD. Aoki7 overdue
EME. Marsh4 overdue
PMP. Mitchell2 overdue
LKL. Kang0
Bottleneck visibility: Bars that exceed capacity gain a vertical right edge stripe — capacity overload reads instantly without depending on color. PTO and unavailable days dim and label clearly.

08 · Notifications & activity

Desktop · 1440 · Light · Notification popover
Portfolio
Search…⌘K
8 JR

Portfolio overview

12 active projects
Active projects
12
Overdue
47
Completed
128
Utilization
82%

Inbox

All 8
Mentions 3
Assigned
Subscribed
EM
E. Marsh mentioned you on ATL-260 · Cutover dry-run. “Workaround acceptable…”1h ago · Atlas Migration
PM
P. Mitchell requested your review on BCN-117 · Onboarding spec.3h ago · Beacon Mobile
DA
D. Aoki moved ATL-260 to Blocked with note: “pending sign-off”.4h ago · Atlas Migration
SC
S. Choi shipped 6 tasks in Q3 Marketing Refresh.Yesterday
RW
R. Walker closed milestone Beta cohort 3.Yesterday
LK
L. Kang commented on Vendor SLA · draft.2 days ago
DA
Due date for ATL-260 changed to Jun 12.3 days ago
Open inbox
Inbox-first: Notifications are grouped by intent (mention, assigned, subscribed). Unread items use a 6px accent dot — dot + bold sender for redundancy.

09 · Settings · Project configuration

Desktop · 1440 · Light · Settings · Atlas Migration
Atlas MigrationSettings
Search settings…⌘K
JR

Project settings

Atlas Migration · Visible to project admins

General

Project nameVisible across the workspace
Required
Project keyUsed in task IDs · ATL-260
3 chars · cannot be changed once tasks exist
Locked
HealthManually set or driven by automations
On track At risk Off track
Updated by D. Aoki
VisibilityWho can find and view this project
Workspace Members only Private
—

Workflow

StatusesDrag to reorder · used in Board, List, Timeline
Backlog Ready In progress In review Blocked Done
6 statuses
WIP limitsShow warnings when exceeded
Enabled · In progress max 8
—
Auto-archiveMove Done items after N days
After14days
—

Notifications

Daily digest
Sent at 8:30am local
Email + In-app
Status change alerts
For Off track / Blocked transitions
In-app · Slack
@-mentions
Always notify
All channels
Save discipline: Settings use a left rail navigation, sectioned cards, and a sticky Save changes in the page header. Locked or sensitive fields show their constraint inline rather than failing on save.

10 · States · Empty, loading, error, confirmation

Desktop · 1440 · Light

Component states

Same surface, different lifecycle phases

No tasks match these filters

Try clearing one of your filters, or create a new task to get started.

Loading 142 tasks…

Couldn’t load Atlas Migration

We’re having trouble reaching the project service. Recent changes have been preserved locally.

Error reference · MER-503-A21

No projects yet

Create your first project to start planning, tracking, and shipping work as a team.

DONE Moved 3 tasks to Done. Undo

You don’t have access to this view

This project is restricted to its members. Request access from the owner, D. Aoki.

State pattern: Each state is self-contained: clear illustration affordance, one-line headline, recovery copy, and at most two actions — one secondary, one primary.

Mobile · 375px

Mobile · 375 · Light · Bottom-nav, full-screen task, bottom-sheet filters
9:41●●●●●
M

Portfolio

3
Active
12
Overdue
47
Done · wk
128
Util.
82%
Needs attention
API gateway sign-off
BlockedAtlas · 2d
Onboarding spec review
OverdueBeacon · 3d
Projects
Atlas Migration
64%
Beacon Mobile App
48%
Customer Portal v2
91%
9:41●●●●●

Atlas · Board

Backlog 14 In progress 6 Review 4 Done 30
ATL-260P1
Cutover dry-run · region us-east-2
Due Jun 12DAEM
ATL-262P2
Customer comm · phase 2 rollout
Jun 18SC
ATL-265P2
Toggle: read replica fallback
Jun 14DA
ATL-268P3
Telemetry · fallback dashboard
Jun 16LK
9:41●●●●●

Task

ATL-260In progressP1

Cutover dry-run · region us-east-2

Atlas Migration · D. Aoki
Overdue · Due Jun 12
Subtasks · 5 of 9
Snapshot staging dataset
Validate parity baseline
Run rollback rehearsal
Sign-off · Security
Comments · 11
EME. Marsh1h
Workaround acceptable as long as we add a post-cutover audit step.
9:41●●●●●

My work

Cutover dry-run · region us-east-2
Due Jun 12
Migration runbook · v3.2
In review
Schema migration · users + sessions
Ready
Filter tasksReset
Status
Open In progress Review Done
Priority
P1Critical P2High P3Med
Project
Atlas Migration Beacon Mobile Q3 Marketing
Mobile patterns: Bottom navigation with a centered floating Quick create. Filters live in a bottom-sheet to keep the result list visible. Task detail is a full-screen route, with the most-used actions pinned in a bottom action bar.

Design system · Component reference

Components

Tokens & components

Buttons · inputs · chips · badges · tabs · cards · drawers · empty states · toasts

Color · Foundation

bg
surface
ink
muted
line

Color · Accent & semantic

accent
ok
warn
risk
info
neutral

Buttons

States

Inputs & selects

Status
Search…⌘K

Chips · filter

Active Default Outline Removable ×

Status badges

On track At risk Off track Blocked In progress In review Ready

Priority

P1Critical P2High P3Medium P4Low

Avatars

DA PM DAPMSCRW+6

Tabs

Overview
Board 62
List
Timeline

Task card

ATL-260P1
Cutover dry-run · us-east-2
Jun 125 of 911
migrationrunbook
DAEM

Toast / inline confirmation

DONESubtask marked complete.Undo

Empty state · compact

Nothing here yet

Create a task to get started.

Type scale (compact)

Page title · 20
Section heading · 15
Body / table cell · 13
Label · 11.5 / Meta · 11

Spacing & radii

4

Focus ring

2px solid focus ring · 2px offset · accent token · keyboard-only.