PO DesignSystem storyboard

Layer B compositions — PO-branded shells over FluentExpress primitives. Examples use placeholder data; no live PO services. For the primitive layer, see /_/design-system.

EntityCard

Whole-card-clickable list-card primitive (#2341 consolidation). Icon slot is a RenderFragment.

EntityCardsList

Paginated grid of EntityCards. Icon slot is a templated RenderFragment<EntityCardModel> for per-item dispatch via IconHint.

Sample collection

PricingCards

Annual / Monthly / Academic block. Takes a pre-built PricingCardsModel so the design system has no dependency on PO pricing or stats services.

Monthly

$19/month
  • 999+ Excel Functions
  • 99+ Excel Blueprints
  • 1400+ Unit Conversions
  • Engineering Tools
  • 14-Day Free Trial
  • Free Updates
  •  
Academic

Academic

$0/forever
with university email
  • 999+ Excel Functions
  • 99+ Excel Blueprints
  • 1400+ Unit Conversions
  • Engineering Tools
  • Free Updates
  • No Credit Card Required
  •  

BlueprintHowTo

Collapsible 4-step "how to use this artifact" block. Generic across blueprint / lambda / template surfaces via the ArtifactLabel / ActionLabel parameters.

How to use this example
  1. In Excel, go to the Example Add-in ribbon tab and click Library Browser
  2. Search for Sample Artifact
  3. Click on the example to preview
  4. Click Insert to place it into your worksheet. Modify the input values to match your data.

LambdaFormulaBlock

Single lambda entry — name + LET-formatted formula + copy button. Formatter line-breaks LET bindings.

Lambda Name ExampleLambda
=LAMBDA(x, y, LET( sum, x + y, product, x * y, sum + product))

Demonstrates the LET-binding line-break formatter on a synthetic two-argument lambda.

LambdaHelp

Collapsible "how to save as a reusable Excel LAMBDA" explainer. Interpolates FunctionName / FromUnit / ToUnit.

How to save as a reusable Excel function

LAMBDA is a built-in Excel feature (Microsoft 365) that lets you create custom functions without VBA. The formulas above work as-is when pasted into a cell.

To save a LAMBDA as a reusable named function:

  1. Go to Formulas → Name Manager → New
  2. Enter a name, e.g. ConvertPressure
  3. In Refers to, paste the LAMBDA formula without the trailing invocation (...)
  4. Click OK

Now use =ConvertPressure(1, "psi", "bar") anywhere in your workbook — no add-in required.

UnitConverterPanel

Fully controlled converter card with Excel-add-in formula footer. Live version uses InteractiveServer; storyboard renders the static layout.

Pounds per square inch (psi)Bar (bar)Megapascal (MPa) Pounds per square inch (psi)Bar (bar)Megapascal (MPa)
6.8947
Add-in Formula =ConvertPressure(100, "psi", "bar")
Excel Lambda =LAMBDA(v, v * 0.0689476)
Category Lambda =LAMBDA(v, fromU, toU, ...)
How to save as a reusable Excel function

LAMBDA is a built-in Excel feature (Microsoft 365) that lets you create custom functions without VBA. The formulas above work as-is when pasted into a cell.

To save a LAMBDA as a reusable named function:

  1. Go to Formulas → Name Manager → New
  2. Enter a name, e.g. ConvertPressure
  3. In Refers to, paste the LAMBDA formula without the trailing invocation (...)
  4. Click OK

Now use =ConvertPressure(1, "psi", "bar") anywhere in your workbook — no add-in required.

DocSidebar

Product Guides + Theory categories + Help sections with a Download CTA. Takes a pre-built DocSidebarModel.

InfoSidebar

Information + Legal + Help sections with a Download CTA. No required parameters — CurrentSlug highlights the active link.

ReleaseSidebar

Release + Legal + Help sections with a Download CTA. CTA description is a [Parameter] so consumer sites own the brand-specific copy.

UnitConverterSidebar

Unit categories list + Excel-add-in CTA. Takes a pre-built UnitConverterSidebarModel so the design system has no dependency on PO IUnitConverterService.