FIGR / UI TEMPLATE

Transport Capital Works Calendar

Coordinate road closures and utility work with transit service windows.

Explore this calendar as a reference for Urban Planning & Transportation Infrastructure software. The sample records include Broadway works Oct 17 and Central bridge Oct 21. Use their tasks and edge cases to adapt this pattern to your own product and design system. All examples are fictional.

Transport Capital Works Calendar

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Calendar

Primary action

Schedule

Pattern

calendar with searchable records, filters, selection and status feedback

State

Default, Selected, Filtered, Empty, Loading, Warning, Error, Success

Design system

Independent product UI reference; no 1mg assets

What this screen helps with

Review Broadway works Oct 17 against Central bridge Oct 21, spot blockers and schedule while preserving ownership and status.

What to look for

  • Example records: Broadway works Oct 17; Central bridge Oct 21.
  • Owners: City Planner and Mobility Analyst.
  • Work area: Central Corridor.
  • Fictional KPI: Open work items (43).
  • Action: Schedule.

States to consider

  • Default: show the sample calendar.
  • Selected: show details for Broadway works Oct 17.
  • Filtered: narrow by needs review or record text.
  • Empty: explain a lack of matching records and offer reset.
  • Loading: keep the layout steady.
  • Warning: flag tasks requiring review.
  • Error: let users retry and preserve their work.
  • Success: confirm schedule.

Where it fits

Projects → Networks → Schedule

Patterns in this screen

calendar, record selection, filtering, status chips, sample task feedback

UX choices to review

Show dates, capacity and conflicts.

  • Connect Broadway works Oct 17 to City Planner and Central Corridor.
  • Clearly separate Needs review and Complete without relying on color alone.
  • Show clear retries when a record cannot load or save.

Try a similar screen in Figr

Help our team adapt Transport Capital Works Calendar to an existing product. Read our Figma design system, current flows, components, data rules and permissions. Explore two workable layouts for schedule with sample cases like Broadway works Oct 17 and Central bridge Oct 21. Build a design our team can edit, including default, selected, filtered, empty, loading, warning, error and success states. Treat these sample records as fictional.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗