Studio Timeline
Two column layout with a heading and founder quote card on the left beside a ruled list of year marked studio milestones on the right.
Two column layout with a heading and founder quote card on the left beside a ruled list of year marked studio milestones on the right.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Studio Timeline tells Field Studio's history as a ruled list of six year marked milestones, from founded in a spare room in 2017 to nine people across two cities Now. Each entry pairs a mono year label with a title and a plain sentence: the first retained client, hiring designers three and four, opening the Amsterdam studio, and turning down an acquisition offer. Beside the list sits a heading and a founder quote card, with a named avatar from ui/avatars, about growing slower than the studio could have, on purpose.
Milestones are one typed array with equal keys, and the final year reads Now rather than a date. The founder quote is the distinctive detail; it gives the dated list a reason, turning a record of events into a stated philosophy of pace.
Reach for this block as the history or origin section of a studio about page, once the team has been introduced. The installer swaps the six milestones for their own dates, rewrites the founder quote, and imports the matching avatar name from ui/avatars.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the studio origin story with a founder quote for context. Other timeline layouts:
Tip: let the last row read Now instead of a year; a timeline that ends in the present feels ongoing, one that ends on a date feels finished.