Badge Cloud
A wrapped chip cloud that renders core disciplines larger and bolder so the primary expertise registers at a glance.
A wrapped chip cloud that renders core disciplines larger and bolder so the primary expertise registers at a glance.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Badge Cloud renders twenty skills as a wrapped chip cloud at two prominence levels, the five core ones rendered larger and bolder, the rest at a smaller ring weight. The lede names the logic, the larger chips are where most projects land, everything else is in regular rotation, so the visual hierarchy has a plain-language explanation beside it.
One flat array of Skill objects carries a boolean core flag that drives the two chip styles. The two-weight approach lets the most common disciplines register at a glance without dropping everything else.
Reach for this block when a compact at-a-glance overview is all the page needs, or when the installer has a long list and wants the most important items to stand out without ranking the rest. The installer swaps the label strings and flips the core flag on their primary disciplines.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the full-spectrum skill cloud for a product designer. Other uses:
Tip: limit core to five items at most; beyond that the emphasis collapses and the cloud reads the same as a flat list.