Experience 2 block design & features
Experience2 is a desktop-first portfolio timeline built with Shadcn UI, using a grid that allocates two columns to a sidebar and four columns to the role list from large breakpoints up. The left column sticks near the top, combines an oversized “Experience” wordmark with a small superscript tenure note, introductory paragraph text, and a pill-shaped secondary button whose trailing circle carries a warm accent icon and rotates on hover. The main column is a sequential list separated by faint horizontal rules.
Each role row stacks company name above a larger job title with paragraph-sized summary text in lowered contrast. Date ranges sit in a compact rounded pill aligned to the end of the row on wide layouts. Typesetting favors tight tracking on headlines and medium weight on company names so the hierarchy reads company, then title, then story.
The layout feels magazine-like: sticky summary, bold typographic cover line, and ample scrollable detail. It is more elaborate than a flat three-column resume row because of the sticky panel, superscript meta, and pill dates. You need short intro copy, a contact label, and consistent job objects with company, title, description, and period.
Below large breakpoints the grid becomes a single column with the summary first and the list following; sticky behavior and column balance depend on viewport width.