FIGR / UI TEMPLATE
Estimate container detention fees using contract free days and rate bands.
This UI reference covers Maritime & Port Operations software with fictional example records.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
builder
Calculate fees
builder workflow
Default, loading, empty, warning, error, success
Independent product UI reference; no 1mg design system
Estimate container detention fees using contract free days and rate bands.
Sections: Vessels, Berths, Cargo, Safety, Performance. Primary action: Calculate fees.
Empty schedules, conflicting assignments, delayed records, restricted access, failed saves and success.
Vessels → Demurrage Charge Calculator → Calculate fees
builder, filters, status labels, detail views
Keep vessel, berth or cargo status and the next action in view. Show conflicts, missed cutoffs, incomplete inspections and recovery from failed updates.
Use a record such as Container and terminal to check how the workflow handles exceptions.
Adapt Demurrage Charge Calculator to our existing product and design system. Use actual vessel and resource rules, then explore exceptions and states before creating editable designs.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.