Two Column Process
A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.
A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.
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
Two Column Process puts the working philosophy in a three-paragraph left column and the four numbered steps in a ruled card on the right. The philosophy makes its position concrete: the brief is written, not assumed; feedback rounds are structured, not open-ended; and the final files are organized for someone other than me to open six months from now. The four steps, Brief, Directions, Build, Handoff, give the same information in a scannable form for readers who want the shape before the reasoning.
A philosophy object with a heading and a body array drives the left column; a steps array of four objects drives the right. The split balances the why against the what.
Reach for this block on a services or about page when the process rationale matters as much as the sequence, especially for longer engagements where trust is built before a contract is signed. The installer swaps the philosophy paragraphs and the four step entries.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the philosophy-plus-steps pairing for a relationship-led freelance or studio practice. Other uses:
Tip: the philosophy paragraphs should name what the process does not do as well as what it does; a process that only lists positives reads as marketing copy.