Skills 1 block design & features
Skills1 is a two-column tools section built with shadcn/ui, with a sticky intro on the left and a stacked list of skill rows on the right. The intro holds a large heading, a muted supporting paragraph, and two ghost buttons (Open Github and Get in touch) sitting on a hairline top border, each with an orange corner-down-right icon. Each skill row shows a logo in a rounded square, the tool name, an uppercase category, and a pill badge for years of experience.
What you see is a light, muted treatment: skill rows sit on rounded muted surfaces with a solid background tile behind each logo. Experience badges are small, uppercase, and lightly filled. The heading is tight-tracking and oversized. Spacing is generous between the two columns and compact within each row. Static, with no motion.
The overall look is a personal portfolio or resume stack rather than a marketing metrics strip. It stays close to a shadcn-default surface language, with the orange icons as the only accent. The sticky intro plus card-like rows is a straightforward pattern, but the experience badges give each row a resume-style readout that a plain logo list would not.
On large screens the intro stays pinned while the list scrolls. On smaller screens the layout stacks to a single column and the intro sits above the list.