Design Aesthetic Reference
Sun, Sea & Terracotta
A warm, sun-drenched aesthetic rooted in whitewashed villages, azure coastal waters, terracotta rooftops, and the timeless elegance of arched doorways and mosaic courtyards.
Typography
elegant serifs, warm sans-serifs, handwritten accents
Display / Cormorant Garamond Light Italic
Sotto il Sole
Heading / Playfair Display
Coastal Horizons
Subheading / Spectral Light
Sunlit terraces & ancient stone
Body / Lato
Warm humanist sans-serif for comfortable reading. The Mediterranean style values warmth and openness over cold precision, creating an inviting reading experience.
Handwritten / Caveat
warmth, craft & timeless beauty
Label / Josefin Sans
Navigation & Interface Labels
Cormorant Garamond 600 + Lato 400
Classical elegance with warm readability
Playfair Display 700 + Raleway 400
Sophisticated editorial, travel-magazine feel
Playfair Display 600 + Josefin Sans 300
Boutique hospitality, modern Mediterranean
Color Palette
terracotta warmth, coastal blues & olive greens
Components
like ceramic tiles arranged on a sunlit wall
Rounded arch forms reference Roman, Moorish, and Byzantine architecture, used in image frames, cards, and section headers to evoke whitewashed doorways.
Layout ShapeGeometric repeating patterns inspired by Moroccan zellige, Portuguese azulejo, and Italian majolica tilework serve as decorative borders and backgrounds.
Pattern CSSMuted sage, olive, and cypress greens provide natural contrast, referencing the region's lush groves, herb gardens, and trailing bougainvillea.
Color NatureSoft amber tones, warm gradients, and golden-hour radial glows capture the quality of Southern European afternoon sunlight bathing coastal towns.
Gradient WarmthThin decorative lines, scrollwork borders, and delicate ornamental dividers inspired by balcony railings and courtyard gates of Mediterranean villas.
Ornament DetailSubtle grainy, plaster-like background surfaces evoke hand-plastered Mediterranean walls, adding tactile depth without overwhelming content.
Texture SurfaceVisual Effects
all the Mediterranean warmth, no image assets needed
SVG noise filter creates the tactile feel of sun-baked, hand-plastered walls.
Layered blue gradients with radial light shimmer evoke Mediterranean waters.
Diamond-pattern backgrounds from CSS gradients reference zellige and azulejo.
Warm radial gradients and pulsing light capture afternoon sun on terracotta.
Layered green gradients with dappled light evoke sun through olive branches.
CSS border-radius arches on warm gradients recall Moorish doorways and passages.
Interactive Elements
terracotta, azure, olive & outlined
The Mediterranean is not a style — it is a feeling. The warmth of sun-baked earth, the coolness of azure waters, the timeless elegance of civilizations that built arched doorways and mosaic courtyards thousands of years ago.— The Spirit of Mediterranean Design
The Mediterranean aesthetic balances curated warmth with intentional ornamentation. Anchor your designs in terracotta and sandy neutrals, elevate with strategic touches of azure blue, and let generous breathing room evoke the open plazas of coastal towns.
Back to the Top