# Team/Project dashboard ### [#](#4-1-context-challenges)4.1 Context & challenges Project and program spaces in Confluence frequently start with good intentions - an overview page, a status log, maybe a risks table - but quickly degrade into **long, scroll‑heavy documents** that mix executive summaries, detailed logs, and random attachments. Stakeholders complain that they “can’t see status at a glance,” while teams quietly stop updating pages because it feels like extra work on top of Jira updates and slide decks. Another pain point is the **fragmentation of visual aids and timelines**. Architecture diagrams might live separately or in external tools; release dates in scattered Confluence tables or third‑party calendars; approvals in email or separate workflow apps. For large programs, this results in multiple “sources of truth” that never quite line up. When issues arise, teams lack a single page that shows context, decisions, risks, upcoming milestones, and relevant diagrams. Capable’s all‑in‑one model - formatting, diagrams, calendars, approvals - provides the ideal substrate for **rich dashboards that replace static status docs and standalone decks**. The challenge for the use case pages is to present patterns that are visually appealing yet lightweight enough for teams to maintain weekly. --- ## [#](#how-capable-formatting-helps)How Capable Formatting helps Capable Formatting’s macros make it straightforward to design **scannable dashboards** where key information is visible within the first screen, and details are progressively disclosed. For example, a project one‑pager can start with a **status strip** composed of Cards showing RAG status, current phase, and latest decision, followed by a Banner summarizing goals and scope. Beneath that, a two‑column layout can present KPIs and upcoming milestones on the left (using Progress Bars and small tables) and risks/issues on the right (using Panels or Cards with labels). Tabs and accordions can then separate sections like “Detailed Risks,” “Decisions Log,” and “Architecture,” keeping the main view uncluttered. For each tab or expandable section, diagrams (from Capable Diagrams) and embedded calendars or event lists (from Capable Calendars) can be inserted. This supports a **layered information model**: executives see the top Cards and summary Banner; project teams can drill into tabbed detail when needed. The broader Capable suite strengthens this story further. Approvals can capture formal sign‑off for milestones or design decisions; calendars provide a live view of sprint boundaries and releases; diagrams show evolving architectures; and Search Results macros can surface related runbooks or dependency pages from across spaces. The use case page should show how formatting macros “frame” these elements into cohesive dashboards. --- ## [#](#key-features-and-macros-to-highlight)Key features and macros to highlight For project dashboards, a focused set of macros delivers most of the value: These macros allow dashboards to function as **living artifacts**, evolving with the project. Teams can start with a minimal layout (Banner + Cards + Progress Bar) and progressively add tabs for deeper sections as complexity grows. The use case page should highlight a pattern where the **“top third” of the page always remains stable**, even as lower sections vary by project type. An original recommendation is to define **standard status “cards”** that reuse the same copy and visual treatment across projects - for example, a trio of Cards for “Status,” “Risks,” and “Next milestone.” This encourages comparability across dashboards and reduces cognitive load for leadership reviewing multiple projects. --- ### [#](#cards)Cards For RAG summaries, key metrics, and quick links to Jira boards or sub-pages. ![Dragon Fruit](https://images.unsplash.com/photo-1527325678964-54921661f888?crop=entropy&cs=srgb&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxfHxleG90aWMlMjBmcnVpdHxlbnwwfDJ8fHwxNzczMDA5NDgyfDA&ixlib=rb-4.1.0&q=85) ### Dragon Fruit Dragon fruit is a tropical fruit known for its unique appearance and sweet flavor. ![Rambutan](https://images.unsplash.com/photo-1618434025772-961657d649d9?crop=entropy&cs=srgb&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwyfHxleG90aWMlMjBmcnVpdHxlbnwwfDJ8fHwxNzczMDA5NDgyfDA&ixlib=rb-4.1.0&q=85) ### Rambutan Rambutan is a juicy, hairy-skinned fruit native to Southeast Asia, offering a sweet and slightly acidic taste. ![Durian](https://images.unsplash.com/photo-1645544524152-a781f049e5c8?crop=entropy&cs=srgb&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwzfHxleG90aWMlMjBmcnVpdHxlbnwwfDJ8fHwxNzczMDA5NDgyfDA&ixlib=rb-4.1.0&q=85) ### Durian Known as the 'king of fruits', durian has a strong aroma and creamy texture that divides opinions. --- ### [#](#progress-bars)Progress Bars To visualize completion of phases, epics, or deliverables. Put them into tables for more information: ![Progress bar macro for Confluence](https://help.gocapable.com/images/5ba3803e-10b2-4e72-9bcd-f6cd47433b99.webp) --- ### [#](#progress-trackers)Progress Trackers Show progress through several steps. ![Progress tracker (stepper) macro for Confluence](https://help.gocapable.com/images/0b3166fd-d86e-4ac8-aff6-64cecfb65e4c.webp) ### [#](#tabs)Tabs To separate summary vs. detail (e.g., “Overview / Risks / Decisions / Architecture”). Getting startedGuidelinesTroubleshootingAbout us Welcome aboard! You can include formatting, tables and images, panels etc. ℹ️ Here is a panel | **Table** | **Table** | **Table** | | --------- | --------- | --------- | This is some cards - we are working to align the styling. [![Banana](https://images.unsplash.com/photo-1528825871115-3581a5387919?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxfHxiYW5hbmF8ZW58MHx8fHwxNzU0MTY2OTY1fDA&ixlib=rb-4.1.0&q=80&w=1080)BananaBananas are soft, yellow and sweet - great with porridge oats.](https://www.gocapable.com) [![Mango](https://images.unsplash.com/photo-1551649001-9c071b61f26c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxOHx8bWFuZ298ZW58MHx8fHwxNzU0MTcwNDI1fDA&ixlib=rb-4.1.0&q=80&w=1080)MangoMangoes are a tropical fruit which are very sweet. Try it with pineapple.](https://www.gocapable.com) [![Orange](https://images.unsplash.com/photo-1592187270271-9a4b84faa228?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHw3fHxvcmFuZ2V8ZW58MHx8fHwxNzU0MTY3NTMyfDA&ixlib=rb-4.1.0&q=80&w=1080)OrangeOranges are a round citrus fruit - great for breakfast, ideally juiced!](https://www.gocapable.com) You can include macros like diagrams within tabs. We’re a small, cross‑functional team focused on making complex tasks simple. Our aim is to deliver clear, reliable solutions that help people get work done with confidence. --- ### [#](#banner)Banner For top-of-page context (project name, sponsor, timeframe). ‹› ![Koala](https://images.unsplash.com/photo-1622547748225-3fc4abd2cca0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxNnx8YWJzdHJhY3R8ZW58MHx8fHwxNzYwMjg3MzAzfDA&ixlib=rb-4.1.0&q=80&w=1080) ### Confluence is better with Capable Capable makes Confluence do more. [Learn more](https://www.gocapable.com) ![Mountain](https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwxfHxhYnN0cmFjdHxlbnwwfHx8fDE3NjAyODczMDN8MA&ixlib=rb-4.1.0&q=80&w=1080) ### Empower your team This is where the content of your slide goes. [Explore](https://www.gocapable.com) ![Notepad](https://images.unsplash.com/photo-1533158326339-7f3cf2404354?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w2MDM1MTR8MHwxfHNlYXJjaHwyOHx8YWJzdHJhY3R8ZW58MHx8fHwxNzYwMjg3NTczfDA&ixlib=rb-4.1.0&q=80&w=1080) ### Make your content shine Add images, videos, and more to your content. [Get started](https://www.gocapable.com) --- ### [#](#diagrams-suite-diagram-app-required)Diagrams (suite/diagram app required) To embed system diagrams or process flows see [Confluence Diagrams](https://innovator.atlassian.net/wiki/spaces/DFC). ![Gantt Diagram](https://help.gocapable.com/images/att1249706002.svg) --- ### [#](#calendar-event-macros-suite-diagram-app-required)Calendar / Event macros (suite/diagram app required) For release calendars and key dates see [Capable Calendar](https://innovator.atlassian.net/wiki/spaces/CFC) --- ## [#](#example-dashboard-layouts)Example dashboard layouts The use case page should describe at least three canonical layouts: **Project one‑pager**, **Program/portfolio overview**, and **Weekly status update**. Each can reuse macro combinations but with different emphasis. | **Dashboard type** | **Layout highlights & macros** | | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | | Project one‑pager | Hero Banner; RAG status Cards; Progress Bar for overall completion; brief scope Panel; tabs for Risks/Decisions/Timeline/Architecture | | Program/portfolio view | Grid of Cards (one per project) summarizing status; optional grouping by initiative; link each Card to its project one‑pager | | Weekly status update | Compact Banner with week label; sections for “What happened,” “What’s next,” “Risks & decisions,” each using Panels/Cards; optional tab history | The Project one‑pager pattern should be treated as the **primary template**; the others can be derived from it. For example, the portfolio view can use the same status Card design but aggregated at a higher level. The Weekly status page can share the same risk Panel styling but with a focus on the current sprint or week. By standardizing these layouts, teams can avoid constantly reinventing dashboards or relying on external slide decks. It also makes it easier to plug in Approvals for formal gating (e.g., “Ready for Launch” sign‑off) or Publishing rules for moving finished reports into a knowledge base. --- ## [#](#implementation-tips)Implementation tips A key implementation tip is to **standardize on a dashboard template per project type** (e.g., product development, infrastructure upgrade, marketing campaign). Use Capable to create a named template containing Banner, Cards, Progress Bars, and placeholder tabs. Encourage teams to create new project spaces from these templates so that portfolio roll‑ups remain consistent. Over time, organizations can evolve the templates (e.g., adding a standard “Risk ownership” section) without intrusive rework. Second, teams should consider **how Jira, Confluence, and Capable intersect**. Capable’s dashboards are best used for narrative and multi‑artifact context, not for replicating every Jira view. The use case page can recommend embedding only _one or two_ key Jira reports/links per dashboard and using Cards to route users to relevant boards, while keeping the dashboard focused on digestible narrative and risk/decision context. Finally, be mindful of **Tabs limitations**. For example, avoid placing heavy tables with sorting or complex nested macros inside Tabs, given known rendering issues and feature gaps. Where possible, keep tables on the main page or use Panels and headings instead. The use case page should provide alternative layouts (e.g., “Use stacked Panels with headings instead of Tabs”) for organizations with heavy reporting needs or strict accessibility requirements.