Atlassian Design System / Published template

Project Delivery Portfolio Overview

A portfolio workspace for reviewing delivery health, dependencies, ownership, and decisions across multiple projects.

Prompt reference v1

Preview

Structure blueprint

Data-driven fallback

Portfolio filters lead into a compact project list, with a selected-project detail area for milestones, dependencies, risks, and recent decisions.

Operations ConsolePlanning WorkspaceData DenseTask Focused

Layout

Composition principles

Keep portfolio scope and reporting date visible. Present status with text, show ownership beside next actions, and separate reported facts from risk assessment.

Interaction

Behavior and access

Filters and sort state are announced, project selection preserves list context, status changes require confirmation, and dependency links have descriptive labels.

Implementation

Engineering boundaries

Use server-provided project and dependency DTOs with stable IDs and version tokens. Do not recompute delivery status or risk in the browser, and preserve source timestamps for every summary.

Design system

Atlassian Design System token ledger

Structure v1

Atlassian's public design language and component guidance for collaborative products.

Color roles

model: semantic tokens
requiredRoles: background, surface, text, brand, danger

Typography

approach: product typography hierarchy
requirements: compact navigation, scannable work-item titles

Spacing

approach: dense collaboration workspace
baseUnitPx: 4

Component rules

status: Use text labels with semantic color rather than color alone.
navigation: Preserve location and project context.

Classification

Where this template fits

Styles

Industries

Software

Project Delivery Portfolio Overview

Structure blueprint

Composition principles

Behavior and access

Engineering boundaries