defuss-shadcn / Website / Resume & Portfolio / portfolio-minimal
Minimal Portfolio
A portfolio that is mostly words, set like a printed page - one narrow column, a big italic name with its initial again as an outline, a drop cap, small-caps headings numbered in outline figures, links underlined in the accent, ruled paper drifting slowly behind. Every section fades in after the last. One of the Resume & Portfolio styles.
Noor Haddad, writer and engineer
Warm paper and one accent (following light / dark), Newsreader with its optical sizes and IBM Plex Mono for the dates: Resume Header (compact) with a shape-circle photo and its status pill; a drop cap (::first-letter); small-caps headings counted in outline figures (-webkit-text-stroke); accent underlines that fill like a marker on hover; a Surface (ruled, drifting) behind the header. data-df-stagger fades the sections in one after another.
Built from Resume Header (compact) with its status pill and Resume Entry. The page sets its own paper palette (with a dark twin) and two typefaces; the quiet comes from the narrow measure, the details from type alone - a drop cap, outline figures and an outline initial, small caps, accent underlines. The ruled paper is a Surface drifting slowly (still under reduced motion); shape-circle is a Shapes utility; Motion's stagger fades the sections in.
Comments, ideas or improvements? Edit this page's source on GitHub