Studio Timeline

About this block

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.

When to use

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

• Founders row
• About split

After

• Services list
• Open roles

What you can display

One strong use is the studio origin story with a founder quote for context. Other timeline layouts:

• Practice milestones. A solo career told in the same dated rows, from first commission to signature project.
• Product history. Release dates for a studio's own tool or side product, quote swapped for a mission line.
• Client tenure. The length of standing engagements, each row a relationship rather than a company event.

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.