About this block

Experience With Logos renders four roles in a ruled list, each row leading with an inline SVG wordmark before the title, date range, and a one-line summary. The Ledger wordmark sits in a fixed 96px column; the role detail fills the rest. Eight years across four companies, from junior designer to lead, is the lede that earns the visual treatment before a visitor reads a single wordmark.

Roles are one const array, each carrying a typed CompanyLogo component alongside the text fields. The wordmark components are inline SVG text elements typed via ComponentType so tsc never falls back to the JSX global namespace. The visual weight of the logo column is what separates this from a plain history list.

When to use

Reach for this block on a portfolio homepage or about page when the installer has worked at recognisable companies whose names carry weight with their target audience. The installer replaces each wordmark with their own SVG or letter-form and swaps every role row.

A natural flow around it on a Portfolio Pro page:

Before

• About split

After

• Role highlights
• Testimonials

What you can display

One strong use is the name-brand employment history. Other logo-backed history layouts:

• Client logos instead of employers. For freelancers whose clients are better known than their past studios.
• Logo plus headcount. Add the company size as a detail to give context to the role level.
• Three companies, wider layout. Fewer rows with a wider logo column for a more editorial feel.

Tip: if the installer has no recognisable wordmarks, swap to the plain work-history block where the company name is text and the summary carries the weight.