Mocha Atelier
A warm brown luxury design system inspired by Pantone 2025 Mocha Mousse, featuring rich espresso-to-cream palette, Playfair Display serif headings, linen paper textures via SVG noise, and flat matte surfaces that feel like leather, clay, an
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/mocha-atelier and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
A flat matte, warm brown design language built around Playfair Display serif typography, linen paper textures, espresso-to-cream palette, and generous whitespace that makes digital surfaces feel like a physical luxury catalog printed on heavy stock.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill provides a complete warm brown luxury design language for premium craft brands and artisan commerce. It applies the tactile warmth of leather, clay, and linen paper to digital surfaces: cream backgrounds (`#F5F0E8`) with SVG noise texture, Playfair Display serif for all display headings, a strict espresso-to-cream warm palette with terracotta accents, and flat matte surfaces defined by thin 1px borders rather than shadows. The system pairs Playfair Display (display) with Source Serif 4 (body) and reserves DM Sans exclusively for micro-copy like nav labels, prices, and tags.
Reviews
Related styles