Preview image. Unlock full-res
Madonomad portfolio site index page with centered heading, minimal navigation, filter controls, and typography-forward layout on white.
Summary
A portfolio site index page displaying "Projects" as the primary heading, centered left with a minimal top navigation bar and "Filters" option, emphasizing clean typography and generous whitespace.
Visual description
Off-white background with a dark rounded-pill badge reading "Collaborate" anchored top-left. Centered below is a large serif "Projects" heading paired with a left-aligned "Filters" text link. The top-right navigation bar contains four linked items: "Madonomad" plus sub-text "Full cycle design studio", "About", "Projects" with superscript "91", "Concepts" with superscript "81", and "Contacts". At the far right are two small button toggles: "All" and "Top". Footer text reads "91 projects in portfolio", indicating grid pagination below the fold.
Key takeaway
The clean centered-left heading paired with distributed top navigation creates visual balance without symmetry. The minimal badge-and-label system (studio name, project count superscripts) conveys metadata without visual clutter. Generous vertical spacing makes the page breathe despite heavy information density.
Reuse notes
Strong for portfolio landing pages, case-study indexing, or agency project galleries. Works best when the heading is genuinely large and the supporting navigation is scaled down proportionally. The serif/sans-serif mix (serif heading, sans-serif nav) reads professional without formality.
