Preview image. Unlock full-res
Dark minimalist portfolio layout with black background, rounded-rectangle tiles, and animated purple dot patterns forming organic shapes.
Summary
A dark navigation and portfolio grid layout with black background, rounded-corner tiles labeled with service categories, and animated purple dot patterns forming organic shapes in each tile.
Visual description
A full-width dark interface dominates. The left sidebar contains a vertical navigation menu (Home, About, Work, Contact) in clean sans-serif, with service links (Product Design, Branding Design, Design Systems, Website Design) arranged as large rounded-rectangle tiles on a black background. Each tile contains a generative or animated dot-grid pattern in purple and grey, arranging itself into organic, near-symmetrical forms. The dot patterns vary per tile, suggesting dynamic animation. A contact email appears at the bottom of the sidebar. The overall grid is 2 columns wide on mobile/tablet, with generous spacing and consistent rounded corner radii throughout.
Key takeaway
The dot-pattern animation technique as a lightweight, modern alternative to static imagery. Dark mode with purple accents creates sophistication without coldness. The large tile layout with minimal text labels communicates category/section hierarchy clearly and scales well to small screens. The rounded corners soften the geometric grid, adding approachability.
Reuse notes
Perfect for creative agency, design studio, or developer portfolio sites. Strong for dark-mode-first brands or tech companies wanting a modern, playful edge. The dot patterns can be swapped for different animations (particles, generative shapes, gradients) to match brand. Less suitable for minimal, brutalist, or highly formal contexts.
