Experience With Logos
A ruled history list where each role leads with an inline SVG company wordmark alongside title, date range, and a one-line summary.
A ruled history list where each role leads with an inline SVG company wordmark alongside title, date range, and a one-line summary.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
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.
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
After
One strong use is the name-brand employment history. Other logo-backed history layouts:
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.