Work Mix Split
A heading and lede above a single segmented distribution bar showing how billed time splits across four kinds of work, with a percentage legend beneath.
A heading and lede above a single segmented distribution bar showing how billed time splits across four kinds of work, with a percentage legend beneath.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Work Mix Split is the time-allocation block, a single segmented bar that divides billed time across four kinds of work: product design at 45%, design systems at 25%, brand and web at 20%, and advisory at 10%. A legend beneath tiles each segment with its share and a sentence of scope, and a closing note fixes the window to the last twelve months, rounded to the nearest five percent.
Segments are one array, each share driving both a bar width and a legend tile so the two always agree. The billed-weeks basis is the distinctive detail, measuring by time actually invoiced rather than by what sounds impressive keeps the split honest.
Reach for this block on an about or services page, where a visitor wants to know what you actually spend your weeks on before they scope a project. The installer swaps the four segments, their shares, the scope sentences, and the measurement note for their own mix.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the billed-time split for a product designer. Other proportional breakdowns:
Tip: state the basis for the split, a proportion measured by billed weeks reads very differently from one measured by enthusiasm.