Interactive Components

Tabs, callouts, and glossary term tooltips for rich documentation.

2 min read

Tabs

Use <Tabs> to show alternative views of the same content -- for example role-based perspectives or language variants.

The COO cares about operational throughput. The key question is: can we staff confirmed projects on time?

Focus metrics:

  • Time-to-fill for confirmed demand
  • rate across delivery teams
  • Bench size vs. upcoming project starts

Code variant example

sql
SELECT
  department,
  AVG(utilization_pct) AS avg_utilization,
  COUNT(*) AS headcount
FROM talent_metrics
WHERE quarter = '2026-Q1'
GROUP BY department
ORDER BY avg_utilization DESC;

Callouts

Four variants for different semantic purposes:

Info

The metric is recalculated weekly during the operating rhythm review. Make sure your demand signals are up to date before each cycle.

Best practice

Organisations that review weekly (instead of monthly) reduce staffing mismatches by 30-40%.

This framework is designed for professional services and consulting firms with 50+ billable resources. Smaller teams may want to simplify the competency model.

Glossary terms

Hover or tap any dotted-underline term to see its definition. Here are several terms used together in a paragraph:

When translating into staffing plans, you must first assess against the expected . If your is thin, the will drop and you may need to trigger a build-buy-partner decision. The goal is to maintain healthy without sacrificing .

For the full alphabetical list, see the Glossary page.