Core And Tools
A ruled list of core disciplines each with a plain-language description and a chip row of the supporting tools used.
A ruled list of core disciplines each with a plain-language description and a chip row of the supporting tools used.
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
Core and Tools surfaces four disciplines as headed rows in a ruled card, each with a plain-language description and a chip row of supporting tools. The description for Product design makes the stance explicit: I am most useful when the problem is still being defined, not just when the mocks need finishing. Each row is split by a vertical rule on wider viewports into a narrative left side and a tools right side.
One disciplines array drives all four rows. The description column answers what the work entails, which a tool list alone cannot do.
Reach for this block when the installer wants to show both what they do and what they use to do it, for a practice that spans distinct disciplines. The installer swaps the headings, descriptions, and tool chip arrays to match their own areas.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the structured skills breakdown for a designer who also builds. Other uses:
Tip: the description is the differentiator; a tool list without a description is a resume bullet, not a capability statement.