◆ ✦ ◆
Brand Palette

Artisan Earth

大地色手作工藝設計系統 — 暖亞麻、森林綠、燒赭石,藝術家工作室的自然光氛圍

◆ ✦ ◆

How to Use

  1. 1Download the DESIGN.md file and place it in your project root directory.
  2. 2Tell your AI coding agent: "Use DESIGN.md to style this page."
  3. 3The agent will read the color palette, typography, and component styles to generate consistent UI that matches this design system.

Compatible with Claude Code, Cursor, Google Stitch, and any AI agent that reads markdown context files.

Design Notes

Inspired by The Studio Membership — an artisan studio aesthetic that rejects corporate coldness in favor of warm linen textures, botanical accents, and golden-hour light.

靈感來自手作工藝工作室的氛圍 — 暖色亞麻底色、森林綠的沈穩結構、燒赭石的大地活力。刻意避開科技平台的藍白冷色,用色彩傳遞「這是有溫度的工作室」。


Color Philosophy

Anti-corporate warmth. The palette is a deliberate rejection of clinical whites and corporate blues. Forest Green replaces black for text — it reads as dark but carries natural warmth. Burnt Sienna drives action without the aggression of pure red.

反企業冷色。森林綠取代黑色作為文字色,保持閱讀性的同時帶入自然溫度。燒赭石驅動行動,但不像純紅色那樣帶攻擊性。


Typography

Great Vibes script for brand moments only (maximum one per viewport). Poppins for everything functional — geometric, round, friendly. The contrast between handwritten display and clean body text creates warmth without sacrificing readability.

手寫體只用於品牌關鍵時刻(每個視窗最多一處)。Poppins 負責所有功能性文字。手寫展示體和乾淨正文體的對比,讓品牌有個性又不犧牲閱讀效率。