Preview image. Unlock full-res
Portfolio website showcasing design projects via asymmetrical grid of colorful cards with circular avatars, experimental typography treatments, and layered visual compositions.
Summary
Portfolio website showcasing design projects via asymmetrical grid of colorful cards with circular avatars, experimental typography treatments, and layered visual compositions.
Visual description
Cream background with navigation header. Left-aligned vertical stack of three circular avatars (one with coral/orange tones, one grayscale, one pink/purple) alongside project titles. Center-right cluster of four colorful project cards: lime-green card with JPG logo, purple card with large pink question mark, dark navy card with bold white text, and a light card with typography experiments. Scattered color dots (red, yellow, blue) for accent. Experimental type layering with oversized characters, mixed serif and sans-serif, and bold white text on dark backgrounds. Soft pastel background enhances the playful, contemporary mood.
Key takeaway
The asymmetrical grid balancing dense colored cards (upper right) against linear avatar stack (left). Layered, overlapping typography as a design system, not decoration. Circular avatars as a project taxonomy element that breaks up the card grid's formality.
Reuse notes
Strong for design/creative portfolio sites targeting agency or studio positioning. Requires genuinely good project imagery to carry the cards. Works best when the experimental type treatment stays contained to card callouts and doesn't overwhelm navigation. Soft pastels pair well with bold accent colors.
