Loving MaU Portfolio

An organic, warm-toned creative portfolio design featuring a sophisticated blend of editorial typography and natural textures. Dominated by sage green, terracotta, and cream palettes, it uses fluid morphing shapes, botanical-inspired elements, and high-quality serif typography (Gambetta). Ideal for creative professionals, artisanal brands, sustainable lifestyle products, and high-end boutique services. The layout features bento-style grids, smooth scroll-triggered animations, and a distinct noise-texture overlay for a tactile, high-end feel.

Loving MaU Portfolio preview

Summary

A friendly yet professional creative portfolio with an organic-natural aesthetic, utilizing earthy tones, irregular soft shapes, and smooth micro-interactions to convey a human-centered design approach.

Style

The design uses a 'Warm Earth' theme. Typography pairs the elegant serif 'Gambetta' for headings with the clean, modern sans-serif 'Satoshi' for body text. Colors include Cream (#F5F1EC) for backgrounds, Charcoal (#3D3D3D) for text, Sage Green (#9BA89F) and Terracotta (#C17A4D) as accents. The visual language is defined by irregular 'blob' shapes with morphing animations, organic border-radius transitions on buttons, and a subtle SVG noise overlay (4% opacity) to add texture and depth.

Layout & Structure

A fluid vertical layout moving from a split hero section to staggered grids for work, followed by a bento-style services section and high-contrast 'process' cards.

Navigation

Hero Section

Featured Projects Grid

Services Bento

Process Section

Contact CTA

Components

Organic Button

A button with asymmetrical rounding that morphs on hover.

Morphing Blob Mask

Image container that constantly changes shape slightly.

Noise Overlay

Subtle texture filter for the entire site.

Special Notes

MUST use 'Gambetta' serif for all emphasis points and headers. MUST NOT use perfect circles for decorative backgrounds—always use morphing 'blob' shapes. MUST maintain high whitespace (100px+ between sections). MUST ensure the noise-overlay is fixed to the viewport to provide a consistent paper-like texture.

Use this prompt