---
version: alpha
name: Sunlit Grove 日光林間
description: >
  A warm, nurturing design system inspired by Art with Flo's creative education ethos —
  sunlight filtering through a forest canopy. Deep forest green anchors trust and growth,
  warm gold sparks joy and reward, while canvas white provides breathing room for artwork
  to shine. Designed for educational platforms, creative communities, and portfolios that
  prioritize approachability over authority.

colors:
  # Core palette
  forest-canopy: "#2D5016"
  forest-canopy-light: "#3A6A1E"
  forest-canopy-dark: "#1E3A0E"
  forest-canopy-muted: "#5A7A4A"
  forest-canopy-tint: "rgba(45, 80, 22, 0.10)"

  sunbeam-gold: "#FFC107"
  sunbeam-gold-light: "#FFD54F"
  sunbeam-gold-dark: "#F9A825"
  sunbeam-gold-muted: "#E8C86A"
  sunbeam-gold-tint: "rgba(255, 193, 7, 0.12)"

  canvas-white: "#FAFAF8"
  surface-warm: "#F5F3EE"
  surface-card: "#FFFEF9"
  surface-elevated: "#FFFFFF"

  charcoal-sketch: "#2C2C2C"
  body-text: "#3D3D3D"
  muted-text: "#6B6B6B"
  caption-text: "#8A8A8A"
  hairline: "#E8E5DE"
  hairline-soft: "#F0EDE6"

  # Extended nature palette
  moss-light: "#7BA05B"
  fern-soft: "#A8C88A"
  bark-brown: "#6B4E3D"
  petal-pink: "#E8A0B4"
  sky-gentle: "#8CB4D4"

  # Semantic
  success: "#4A9A3E"
  success-tint: "rgba(74, 154, 62, 0.10)"
  warning: "#D4960A"
  warning-tint: "rgba(212, 150, 10, 0.10)"
  error: "#C4504A"
  error-tint: "rgba(196, 80, 74, 0.10)"
  info: "#4A7A9A"
  info-tint: "rgba(74, 122, 154, 0.10)"

  # Dark mode surfaces
  grove-night: "#1A2A12"
  grove-night-elevated: "#243A1A"
  grove-night-card: "#2E4422"
  on-dark: "#F0EDE6"
  on-dark-muted: "#A0A090"

typography:
  display-xl:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 64px
    fontWeight: 800
    lineHeight: 1.05
    letterSpacing: -1.5px
  display-lg:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 48px
    fontWeight: 800
    lineHeight: 1.1
    letterSpacing: -1px
  display-md:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 36px
    fontWeight: 700
    lineHeight: 1.15
    letterSpacing: -0.5px
  display-sm:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 28px
    fontWeight: 700
    lineHeight: 1.2
    letterSpacing: -0.3px
  title-lg:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 22px
    fontWeight: 700
    lineHeight: 1.3
    letterSpacing: 0
  title-md:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 18px
    fontWeight: 700
    lineHeight: 1.4
    letterSpacing: 0
  title-sm:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 16px
    fontWeight: 700
    lineHeight: 1.4
    letterSpacing: 0
  body-lg:
    fontFamily: "Nunito Sans, 'Noto Sans TC', sans-serif"
    fontSize: 18px
    fontWeight: 400
    lineHeight: 1.65
    letterSpacing: 0
  body-md:
    fontFamily: "Nunito Sans, 'Noto Sans TC', sans-serif"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.6
    letterSpacing: 0
  body-sm:
    fontFamily: "Nunito Sans, 'Noto Sans TC', sans-serif"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 1.55
    letterSpacing: 0
  caption:
    fontFamily: "Nunito Sans, 'Noto Sans TC', sans-serif"
    fontSize: 13px
    fontWeight: 600
    lineHeight: 1.4
    letterSpacing: 0.3px
  caption-uppercase:
    fontFamily: "Nunito Sans, 'Noto Sans TC', sans-serif"
    fontSize: 11px
    fontWeight: 700
    lineHeight: 1.4
    letterSpacing: 1.5px
  badge:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 12px
    fontWeight: 700
    lineHeight: 1
    letterSpacing: 0.5px
  button:
    fontFamily: "Nunito, 'Noto Sans TC', sans-serif"
    fontSize: 15px
    fontWeight: 700
    lineHeight: 1
    letterSpacing: 0.3px

rounded:
  xs: 6px
  sm: 10px
  md: 14px
  lg: 20px
  xl: 28px
  pill: 9999px

spacing:
  xxs: 4px
  xs: 8px
  sm: 12px
  md: 16px
  lg: 24px
  xl: 32px
  xxl: 48px
  xxxl: 64px
  section: 80px

elevation:
  level-0: "none"
  level-1: "0 1px 3px rgba(45, 80, 22, 0.04), 0 1px 2px rgba(45, 80, 22, 0.03)"
  level-2: "0 4px 12px rgba(45, 80, 22, 0.06), 0 2px 4px rgba(45, 80, 22, 0.03)"
  level-3: "0 8px 24px rgba(45, 80, 22, 0.08), 0 4px 8px rgba(45, 80, 22, 0.04)"
  level-4: "0 16px 48px rgba(45, 80, 22, 0.10), 0 8px 16px rgba(45, 80, 22, 0.05)"
  level-5: "0 24px 64px rgba(45, 80, 22, 0.14), 0 12px 24px rgba(45, 80, 22, 0.06)"
---

# Design System: Sunlit Grove 日光林間

## 1. Visual Theme & Atmosphere

**Sunlit Grove** captures the feeling of sunlight filtering through a forest canopy — warm, nurturing, and alive with creative possibility. Inspired by the Art with Flo approach to creative education: joyful rather than intimidating, approachable rather than authoritative.

**Design Philosophy**: The blank canvas is an invitation, not a test. Every design element should lower psychological barriers and say "you belong here."

**Atmosphere Keywords**: Warm · Nurturing · Organic · Playful · Educational · Breathing

**Visual Metaphor**: A forest clearing where sunlight breaks through — the deep green canopy provides shelter and trust, golden light brings warmth and reward, and the open canvas of the clearing offers space to create.

---

## 2. Color Palette & Roles

### Core Palette

| Swatch | Name | HEX | Role |
|--------|------|-----|------|
| 🟩 | Forest Canopy 林冠綠 | `#2D5016` | Primary — brand anchor, trust, navigation, CTAs |
| 🟨 | Sunbeam Gold 日光金 | `#FFC107` | Accent — highlights, badges, rewards, Hot labels |
| ⬜ | Canvas White 畫布白 | `#FAFAF8` | Background — warm off-white, never cold pure white |
| ⬛ | Charcoal Sketch 炭筆灰 | `#2C2C2C` | Text — softened dark, like pencil on paper |

### Derived States

| Base | Hover | Active | Muted | Tint (12%) |
|------|-------|--------|-------|------------|
| `#2D5016` | `#3A6A1E` | `#1E3A0E` | `#5A7A4A` | `rgba(45,80,22,0.10)` |
| `#FFC107` | `#FFD54F` | `#F9A825` | `#E8C86A` | `rgba(255,193,7,0.12)` |

### Extended Nature Palette

| Swatch | Name | HEX | Use Case |
|--------|------|-----|----------|
| 🌿 | Moss Light 苔蘚 | `#7BA05B` | Secondary green, progress bars, illustrations |
| 🌱 | Fern Soft 蕨葉 | `#A8C88A` | Light green accents, tags, hover backgrounds |
| 🪵 | Bark Brown 樹皮 | `#6B4E3D` | Warm neutral, alt text, borders on earth-tone cards |
| 🌸 | Petal Pink 花瓣粉 | `#E8A0B4` | Badges (So Cute, Must See), feminine accents |
| 🌤 | Sky Gentle 晴空 | `#8CB4D4` | Info state, link text on dark, cool complement |

### Surface System

| Token | HEX | Usage |
|-------|-----|-------|
| `canvas-white` | `#FAFAF8` | Page background |
| `surface-warm` | `#F5F3EE` | Section alternate background |
| `surface-card` | `#FFFEF9` | Card background |
| `surface-elevated` | `#FFFFFF` | Modal, dropdown, popover |
| `hairline` | `#E8E5DE` | Borders, dividers |
| `hairline-soft` | `#F0EDE6` | Subtle separators |

### Text Hierarchy

| Token | HEX | Usage |
|-------|-----|-------|
| `charcoal-sketch` | `#2C2C2C` | Headings, primary text |
| `body-text` | `#3D3D3D` | Body paragraphs |
| `muted-text` | `#6B6B6B` | Secondary info, timestamps |
| `caption-text` | `#8A8A8A` | Captions, placeholders |

### Semantic Colors

| State | Color | HEX | Tint |
|-------|-------|-----|------|
| Success | Forest Success | `#4A9A3E` | `rgba(74,154,62,0.10)` |
| Warning | Amber Warmth | `#D4960A` | `rgba(212,150,10,0.10)` |
| Error | Berry Alert | `#C4504A` | `rgba(196,80,74,0.10)` |
| Info | Stream Blue | `#4A7A9A` | `rgba(74,122,154,0.10)` |

### Dark Mode Surfaces

| Token | HEX | Usage |
|-------|-----|-------|
| `grove-night` | `#1A2A12` | Dark page background (green-tinted) |
| `grove-night-elevated` | `#243A1A` | Dark card/section |
| `grove-night-card` | `#2E4422` | Dark elevated card |
| `on-dark` | `#F0EDE6` | Text on dark surfaces |
| `on-dark-muted` | `#A0A090` | Secondary text on dark |

---

## 3. Typography Rules

### Font Stack

| Role | Font | Fallback | Why |
|------|------|----------|-----|
| Headings | **Nunito** (800, 700) | Noto Sans TC, system sans-serif | Rounded terminals = friendly, high x-height = readable at small sizes |
| Body | **Nunito Sans** (400, 600) | Noto Sans TC, system sans-serif | Same family feel, optimized for long reading |
| CJK | **Noto Sans TC** | — | Full Traditional Chinese coverage |

### Type Scale

| Token | Size | Weight | Line Height | Use |
|-------|------|--------|-------------|-----|
| `display-xl` | 64px | 800 | 1.05 | Hero headlines |
| `display-lg` | 48px | 800 | 1.10 | Section headers |
| `display-md` | 36px | 700 | 1.15 | Feature titles |
| `display-sm` | 28px | 700 | 1.20 | Card headers |
| `title-lg` | 22px | 700 | 1.30 | Sub-sections |
| `title-md` | 18px | 700 | 1.40 | Card titles |
| `title-sm` | 16px | 700 | 1.40 | Small headers |
| `body-lg` | 18px | 400 | 1.65 | Lead paragraphs |
| `body-md` | 16px | 400 | 1.60 | Default body |
| `body-sm` | 14px | 400 | 1.55 | Compact text |
| `caption` | 13px | 600 | 1.40 | Labels, metadata |
| `caption-uppercase` | 11px | 700 | 1.40 | Overlines, categories |
| `badge` | 12px | 700 | 1.00 | Badge text |
| `button` | 15px | 700 | 1.00 | Button labels |

---

## 4. Component Stylings

### Buttons

**Primary (Forest)**
```
background: #2D5016 → hover: #3A6A1E → active: #1E3A0E
text: #FFFFFF
padding: 12px 24px
border-radius: 14px
font: Nunito 700 15px
shadow: level-1 → hover: level-2
transition: all 0.25s ease
```

**Outline (Forest Border)**
```
background: transparent → hover: rgba(45,80,22,0.06)
border: 2px solid #2D5016
text: #2D5016
padding: 10px 22px
border-radius: 14px
```

**Ghost (Minimal)**
```
background: transparent → hover: rgba(45,80,22,0.06)
text: #2D5016
padding: 10px 22px
border-radius: 14px
```

**Accent (Sunbeam)**
```
background: #FFC107 → hover: #FFD54F → active: #F9A825
text: #2C2C2C
padding: 12px 24px
border-radius: 14px
shadow: 0 2px 8px rgba(255,193,7,0.25)
```

**Danger**
```
background: #C4504A → hover: #D4605A
text: #FFFFFF
padding: 12px 24px
border-radius: 14px
```

### Cards

**Standard Card**
```
background: #FFFEF9
border: 1px solid #E8E5DE
border-radius: 14px
padding: 24px
shadow: level-1 → hover: level-2
transition: box-shadow 0.25s ease, transform 0.25s ease
hover: translateY(-2px)
```

**Tutorial Card (image-topped)**
```
background: #FFFEF9
border-radius: 14px
overflow: hidden
image: aspect-ratio 16/9, object-fit cover
body: padding 16px 20px
shadow: level-1 → hover: level-3
```

**Feature Card (colored)**
```
background: forest-canopy-tint (#2D5016 @ 10%)
border: none
border-radius: 20px
padding: 32px
accent-bar: 4px left border in #2D5016
```

### Badges

**Hot Pick**
```
background: #FFC107
text: #2C2C2C
padding: 4px 10px
border-radius: 9999px
font: badge (12px 700)
```

**Must See / So Cute**
```
background: #E8A0B4
text: #FFFFFF
padding: 4px 10px
border-radius: 9999px
```

**Difficulty (Beginner / Intermediate / Advanced)**
```
beginner: background #A8C88A, text #1E3A0E
intermediate: background #FFC107, text #2C2C2C
advanced: background #6B4E3D, text #FFFFFF
padding: 4px 12px
border-radius: 9999px
font: badge
```

### Input Fields

```
background: #FFFFFF
border: 2px solid #E8E5DE → focus: #2D5016
border-radius: 14px
padding: 12px 16px
font: body-md
placeholder: #8A8A8A
transition: border-color 0.2s ease
focus-ring: 0 0 0 3px rgba(45,80,22,0.12)
```

### Navigation

```
background: #FAFAF8 (with backdrop-blur)
border-bottom: 1px solid #E8E5DE
height: 64px
logo: forest-canopy color
nav-links: body-text → hover: forest-canopy
active-link: forest-canopy with 2px bottom border
CTA button: accent (sunbeam-gold)
```

### Decorative Elements

**Divider**: `─── ✿ ───` (flower motif, forest-canopy-muted color)
**Section separator**: thin 1px hairline with 80px margin
**Accent underline**: 3px wavy underline in sunbeam-gold (CSS text-decoration-style: wavy)

---

## 5. Layout Principles

### Spacing System (8px base)

| Token | Value | Usage |
|-------|-------|-------|
| `xxs` | 4px | Tight inline gaps |
| `xs` | 8px | Icon-to-text, badge padding |
| `sm` | 12px | Compact card padding |
| `md` | 16px | Default inner spacing |
| `lg` | 24px | Card padding, grid gaps |
| `xl` | 32px | Section inner padding |
| `xxl` | 48px | Major section gaps |
| `xxxl` | 64px | Hero padding |
| `section` | 80px | Between page sections |

### Grid

- **Max width**: 1200px
- **Columns**: 12-column grid
- **Gutter**: 24px
- **Content cards**: 3-column at desktop, 2 at tablet, 1 at mobile
- **Tutorial grid**: 3 columns with sidebar filter (desktop), full-width grid (mobile)
- **Reading content**: max-width 720px centered

### Breathing Room

Generous whitespace is a core principle — not empty space, but intentional breathing room. Every section gets `section` (80px) vertical margin. Cards never feel cramped.

---

## 6. Depth & Elevation

| Level | Shadow | Usage |
|-------|--------|-------|
| 0 | none | Flat elements, inline |
| 1 | `0 1px 3px rgba(45,80,22,0.04), 0 1px 2px rgba(45,80,22,0.03)` | Cards at rest, nav |
| 2 | `0 4px 12px rgba(45,80,22,0.06), 0 2px 4px rgba(45,80,22,0.03)` | Cards on hover, dropdowns |
| 3 | `0 8px 24px rgba(45,80,22,0.08), 0 4px 8px rgba(45,80,22,0.04)` | Modals, floating panels |
| 4 | `0 16px 48px rgba(45,80,22,0.10), 0 8px 16px rgba(45,80,22,0.05)` | Hero cards, spotlight |
| 5 | `0 24px 64px rgba(45,80,22,0.14), 0 12px 24px rgba(45,80,22,0.06)` | Full-page overlays |

All shadows use green-tinted rgba — never grey or black shadows. This keeps shadows warm and organic.

---

## 7. Do's and Don'ts

### Do's ✓

1. **Do use Canvas White (#FAFAF8) as default background** — warm off-white feels like paper, not a screen
2. **Do pair Forest Canopy with Sunbeam Gold** — the green-gold combination is the brand signature
3. **Do use generous whitespace** — let artwork and content breathe; crowded layouts feel stressful
4. **Do use rounded corners (14px default)** — rounded = approachable, sharp = intimidating
5. **Do use green-tinted shadows** — keeps the organic feel consistent even in depth
6. **Do use Nunito for headings** — its rounded terminals match the friendly, educational tone
7. **Do use badges for content categorization** — colorful pills add playfulness to content grids
8. **Do maintain the warm tone throughout** — even grays should lean warm, never blue-grey
9. **Do use the flower divider `✿` sparingly** — one per page section max, as a gentle accent
10. **Do use the extended nature palette for variety** — Moss, Fern, Petal, Sky prevent green monotony

### Don'ts ✗

1. **Don't use pure white (#FFFFFF) as page background** — it's too clinical; reserve for elevated surfaces only
2. **Don't use pure black (#000000) for text** — too harsh; Charcoal Sketch (#2C2C2C) is the darkest text
3. **Don't use sharp corners (0px radius)** — breaks the organic, friendly feel
4. **Don't use blue or purple as primary** — those belong to the tech/education establishment this system rejects
5. **Don't use more than 2 badge colors per card** — playful ≠ chaotic
6. **Don't use Sunbeam Gold for large background areas** — it's an accent, not a surface; use sunbeam-gold-tint
7. **Don't use heavy drop shadows** — this is a canvas, not a dashboard; shadows should whisper, not shout
8. **Don't use all-caps for body text or long headings** — only for caption-uppercase tokens (categories, overlines)
9. **Don't use grey-blue tints** — every neutral should be warm (warm grey, cream, sand)
10. **Don't crowd the layout** — if it feels dense, add more spacing; the system errs toward openness

---

## 8. Responsive Behavior

### Breakpoints

| Name | Width | Columns | Notes |
|------|-------|---------|-------|
| `mobile` | < 640px | 1 | Stack everything, full-width cards |
| `tablet` | 640–1024px | 2 | 2-col grid, sidebar collapses to top filters |
| `desktop` | 1024–1440px | 3 | Full layout with sidebar |
| `wide` | > 1440px | 3 (max-width 1200px centered) | Content centered, generous margins |

### Type Scaling

| Token | Desktop | Tablet | Mobile |
|-------|---------|--------|--------|
| `display-xl` | 64px | 48px | 36px |
| `display-lg` | 48px | 36px | 28px |
| `display-md` | 36px | 28px | 24px |
| `display-sm` | 28px | 24px | 22px |
| `body-lg` | 18px | 18px | 16px |
| `body-md` | 16px | 16px | 15px |
| `section` spacing | 80px | 64px | 48px |

### Touch Targets

- Minimum 44px height for all interactive elements
- Badge tap areas: 36px minimum (with padding)
- Card tap: entire card is clickable on mobile (no separate link)

### Collapsing Strategy

- **Sidebar filters** → Collapsible top bar with filter chips (mobile)
- **Navigation** → Hamburger menu with full-screen overlay (mobile)
- **Card grid** → Single column, full-width cards (mobile)
- **Hero section** → Stack vertically, reduce image height (mobile)
- **Footer columns** → Accordion sections (mobile)

---

## 9. Agent Prompt Guide

### Quick Color Reference

```
PRIMARY:     #2D5016  Forest Canopy 林冠綠
ACCENT:      #FFC107  Sunbeam Gold 日光金
BACKGROUND:  #FAFAF8  Canvas White 畫布白
TEXT:         #2C2C2C  Charcoal Sketch 炭筆灰
SURFACE:     #F5F3EE  Warm Surface
CARD:        #FFFEF9  Card White
BORDER:      #E8E5DE  Hairline
BODY-TEXT:   #3D3D3D  Body
MUTED:       #6B6B6B  Muted
GREEN-2:     #7BA05B  Moss Light 苔蘚
GREEN-3:     #A8C88A  Fern Soft 蕨葉
BROWN:       #6B4E3D  Bark Brown 樹皮
PINK:        #E8A0B4  Petal Pink 花瓣粉
BLUE:        #8CB4D4  Sky Gentle 晴空
DARK-BG:     #1A2A12  Grove Night
DARK-CARD:   #2E4422  Grove Night Card
```

### Ready-to-Use Prompts

**Landing Page (Educational)**
```
Build a landing page using the Sunlit Grove system:
- Background: #FAFAF8, max-width 1200px centered
- Hero: display-xl Nunito 800 in #2C2C2C, subline in body-lg #3D3D3D
- CTA: primary button #2D5016 text white, accent button #FFC107 text #2C2C2C
- Feature cards: 3-column grid, #FFFEF9 bg, 14px radius, level-1 shadow
- Section divider: thin #E8E5DE line, 80px vertical margin
- Testimonial section: #F5F3EE background, circular avatar images
- Footer: 4-column on #1A2A12 dark green, text #F0EDE6
```

**Tutorial Card Grid**
```
Build a tutorial card grid with Sunlit Grove:
- Container: #FAFAF8 bg, 24px grid gap, 3 columns
- Cards: #FFFEF9 bg, 14px radius, overflow hidden
- Thumbnail: 16:9 aspect ratio, object-fit cover
- Title: Nunito 700 18px #2C2C2C
- Badges: pill-shaped (9999px radius), 12px 700 text
  - Beginner: #A8C88A bg #1E3A0E text
  - Hot: #FFC107 bg #2C2C2C text
  - Must See: #E8A0B4 bg white text
- Hover: translateY(-2px) + level-3 shadow, 0.25s ease
- Left sidebar: filter checkboxes grouped by category
```

**Article / Blog Post**
```
Style an article page with Sunlit Grove:
- Max-width: 720px centered on #FAFAF8
- Title: display-lg Nunito 800 #2C2C2C
- Meta: caption 13px #8A8A8A, category badge in forest-canopy-tint
- Body: Nunito Sans 16px/1.6 #3D3D3D
- Blockquote: left 4px border #2D5016, bg forest-canopy-tint, 14px radius
- Images: 14px radius, level-1 shadow, caption below in #8A8A8A
- Code: #F5F3EE bg, 10px radius, Nunito Sans
- Links: #2D5016, underline on hover
```

**Portfolio / Gallery Grid**
```
Build a portfolio grid with Sunlit Grove:
- Background: #FAFAF8
- Grid: masonry or 3-column, 16px gap
- Image cards: 14px radius, overflow hidden, level-1 shadow
- Overlay on hover: semi-transparent #1A2A12 with title in #F0EDE6
- Category filter: pill buttons, forest-canopy-tint default, #2D5016 active
- Lightbox: #1A2A12 backdrop, white close button, level-5 shadow on image
```

**Dark Section (Footer / CTA Block)**
```
Build a dark section with Sunlit Grove:
- Background: #1A2A12 (Grove Night)
- Heading: display-md Nunito 700 #F0EDE6
- Body text: #A0A090
- CTA button: #FFC107 bg, #2C2C2C text (sunbeam accent on dark)
- Links: #A8C88A hover #7BA05B
- Card on dark: #2E4422 bg, #F0EDE6 text, 14px radius
- Divider: #243A1A
```

**Badge / Tag System**
```
Implement Sunlit Grove badge system:
- Shape: pill (9999px radius), padding 4px 12px
- Font: Nunito 700 12px, letter-spacing 0.5px
- Categories:
  - Default: #F5F3EE bg, #3D3D3D text
  - Primary: #2D5016 bg, white text
  - Accent: #FFC107 bg, #2C2C2C text
  - Success: #4A9A3E bg, white text
  - Pink: #E8A0B4 bg, white text
  - Outline: transparent bg, 1.5px #2D5016 border, #2D5016 text
```

### Image Generation Keywords

For AI image prompts in the Sunlit Grove style:
```
warm forest light, golden hour through canopy, soft dappled sunlight,
organic textures, botanical illustration, moss green and gold palette,
nurturing educational setting, cozy art studio, watercolor warmth,
hand-painted feel, gentle bloom, nature classroom
```