Engineering Principles
Six numbered engineering principles in an editorial three column grid, each pairing a mono index with a short title and a first person note.
Six numbered engineering principles in an editorial three column grid, each pairing a mono index with a short title and a first person note.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Engineering Principles is a text-only values section built as an editorial grid: six principles laid out one column on mobile, two on small screens, and three on large. Each cell pairs a mono index with a short title and a first person note on how the principle shows up in day to day work, from boring technology first to writing things down.
Principles is a typed array of index, title, and body fields, so the six values grow from data and the grid reflows on its own. There are no icons and no cards; the generous column and row gaps do the separating, which lets the section read as prose a client would actually finish rather than a badge wall. The type ramp matches the rest of the collection, so it sits cleanly between heavier blocks.
Reach for this block on a developer portfolio when how you work matters as much as what you have shipped, and a client is weighing fit as well as skill. It reads as a short manifesto without the weight of a full about page. The installer replaces the six principle objects with their own values, keeping each body to one concrete example.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the six-value engineering manifesto. Other principles layouts:
Tip: keep each note to one concrete example; a principle stated without a real practice behind it reads as a slogan, not a working value.