Niche Admin — Parentia

# 🎨 BRAND DNA — Niche Visual Vocabulary

**Detected niche:** Parenting / Education / Family / Homeschool (confidence 100%)
**Matched keywords:** parent, parenting, anak, mom, homeschool

**WAJIB:** pakai MINIMUM 2 element decorative dari vocabulary niche di bawah per carousel. Goal: brand ini visually distinct dari brand lain — bukan cuma beda warna, tapi beda IDIOM. Hindari anti-patterns yang listed.

---

## Bucket 2: Parenting / Education / Family / Homeschool

**Brands:** Parentia, ParentTalk, ParentingID educators

**Visual signature:** Notebook doodle vibes meets mom-blog warmth. Hand-drawn line accents. Soft warm palette.

### Color tendencies
- **Primary:** soft warm tones — cream, peach, dusty pink, sage
- **Accent:** brand color BUT muted (50-70% saturation)
- **Hand-drawn elements:** dark gray `#3f3f46`, NOT pure black

### Decorative SVG library

```html
<!-- Stick figure: mom + child holding hands -->
<svg width="80" height="100" viewBox="0 0 80 100" stroke="#3f3f46" stroke-width="2.5" fill="none" stroke-linecap="round">
  <!-- Adult -->
  <circle cx="25" cy="20" r="8"/>
  <line x1="25" y1="28" x2="25" y2="65"/>
  <line x1="25" y1="40" x2="40" y2="50"/>
  <line x1="25" y1="40" x2="15" y2="50"/>
  <line x1="25" y1="65" x2="20" y2="90"/>
  <line x1="25" y1="65" x2="30" y2="90"/>
  <!-- Child (smaller, holding hand) -->
  <circle cx="55" cy="40" r="6"/>
  <line x1="55" y1="46" x2="55" y2="75"/>
  <line x1="55" y1="55" x2="45" y2="50"/>
  <line x1="55" y1="55" x2="65" y2="62"/>
  <line x1="55" y1="75" x2="50" y2="92"/>
  <line x1="55" y1="75" x2="60" y2="92"/>
</svg>

<!-- Hand-drawn underline (wavy) -->
<svg width="160" height="14" viewBox="0 0 160 14" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round">
  <path d="M2 8 Q40 2, 80 8 T158 6"/>
</svg>

<!-- Heart doodle -->
<svg width="32" height="28" viewBox="0 0 32 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 25 C 8 18 2 13 2 8 C 2 4 5 2 8 2 C 12 2 14 5 16 8 C 18 5 20 2 24 2 C 27 2 30 4 30 8 C 30 13 24 18 16 25Z"/>
</svg>

<!-- Notebook check mark (hand-drawn) -->
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 22 L 16 30 L 32 12"/>
</svg>

<!-- Sun doodle (smiling) -->
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
  <circle cx="30" cy="30" r="12"/>
  <line x1="30" y1="6" x2="30" y2="14"/>
  <line x1="30" y1="46" x2="30" y2="54"/>
  <line x1="6" y1="30" x2="14" y2="30"/>
  <line x1="46" y1="30" x2="54" y2="30"/>
  <line x1="13" y1="13" x2="18" y2="18"/>
  <line x1="42" y1="42" x2="47" y2="47"/>
  <line x1="13" y1="47" x2="18" y2="42"/>
  <line x1="42" y1="18" x2="47" y2="13"/>
  <circle cx="26" cy="28" r="1.5" fill="currentColor"/>
  <circle cx="34" cy="28" r="1.5" fill="currentColor"/>
  <path d="M25 33 Q30 37 35 33"/>
</svg>

<!-- Notebook tape strip (decorative) -->
<div style="display:inline-block; padding:6px 18px; background:#fef3c7; transform:rotate(-2deg); font-family:'Caveat',cursive; font-size:18px; color:#3f3f46; box-shadow:0 2px 4px rgba(0,0,0,0.08);">tip #3</div>

<!-- Crayon underline (color: brand) -->
<svg width="200" height="20" viewBox="0 0 200 20">
  <path d="M5 12 Q 50 3, 100 11 T 195 8" stroke="currentColor" stroke-width="6" fill="none" stroke-linecap="round" opacity="0.7"/>
  <path d="M8 14 Q 55 5, 105 13 T 192 10" stroke="currentColor" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.4"/>
</svg>

<!-- ABC blocks (3 letters scattered) -->
<svg width="120" height="50" viewBox="0 0 120 50">
  <rect x="5" y="10" width="32" height="32" fill="#fef3c7" stroke="#3f3f46" stroke-width="2" transform="rotate(-5 21 26)"/>
  <text x="21" y="33" font-family="serif" font-weight="800" font-size="22" text-anchor="middle" fill="#3f3f46" transform="rotate(-5 21 26)">A</text>

  <rect x="44" y="6" width="32" height="32" fill="#dbeafe" stroke="#3f3f46" stroke-width="2" transform="rotate(3 60 22)"/>
  <text x="60" y="29" font-family="serif" font-weight="800" font-size="22" text-anchor="middle" fill="#3f3f46" transform="rotate(3 60 22)">B</text>

  <rect x="83" y="12" width="32" height="32" fill="#dcfce7" stroke="#3f3f46" stroke-width="2" transform="rotate(-2 99 28)"/>
  <text x="99" y="35" font-family="serif" font-weight="800" font-size="22" text-anchor="middle" fill="#3f3f46" transform="rotate(-2 99 28)">C</text>
</svg>
```

### Layout idioms
- Hand-drawn underlines on key words (instead of yellow highlighter)
- Notebook-tape labels for slide numbers ("note 03", rotated -2deg)
- Stick figures untuk persona (mom, child, family)
- Caveat / Patrick Hand font untuk handwritten accents (sparingly, 1-2 per slide)

### Anti-patterns (JANGAN)
- Sharp tech/corporate elements
- Monospace fonts (mismatch warmth)
- Pure black `#000` (too harsh — pakai `#3f3f46` graphite)
- Heavy contrast bg (no neon, no terminal vibes)

---

---

**Reminder:** vocabulary di atas adalah TAMBAHAN ke design system v2 (Section A-H). Pakai keduanya: base Notion-Native style PLUS niche-specific decorative DNA dari atas.