cfc/.superpowers/brainstorm/440090-1778940565/content/lineart-logo.html

<h2>简洁线条风格 Logo 设计</h2>
<p class="subtitle">蓝紫渐变 + 简单线条，房子融合爱心与幼苗</p>

<div style="text-align:center;padding:20px;">
  <svg width="200" height="220" viewBox="0 0 200 220" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="bluePurpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
      </linearGradient>
      <linearGradient id="lightGrad" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#8B9DF6;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#A78BFA;stop-opacity:1" />
      </linearGradient>
    </defs>

    <!-- 房子主体 - 简约线条风格 -->
    <!-- 屋顶 -->
    <path d="M100 10 L20 75 L40 75 L40 110 L160 110 L160 75 L180 75 Z"
          fill="none" stroke="url(#bluePurpleGrad)" stroke-width="4" stroke-linejoin="round"/>

    <!-- 屋顶内部线条（增加层次感） -->
    <line x1="100" y1="10" x2="100" y2="60" stroke="url(#lightGrad)" stroke-width="2" stroke-dasharray="4,4"/>

    <!-- 烟囱 -->
    <rect x="130" y="30" width="20" height="35" rx="3"
          fill="none" stroke="url(#bluePurpleGrad)" stroke-width="3"/>

    <!-- 爱心 (在房子正中间) -->
    <path d="M100 72 C100 65, 85 55, 78 62 C71 69, 78 78, 100 90 C122 78, 129 69, 122 62 C115 55, 100 65, 100 72 Z"
          fill="url(#bluePurpleGrad)" opacity="0.9"/>

    <!-- 幼苗 (在房子右侧底部) -->
    <path d="M155 110 C155 95, 148 85, 142 82"
          fill="none" stroke="url(#bluePurpleGrad)" stroke-width="3" stroke-linecap="round"/>
    <path d="M142 82 C138 78, 133 80, 130 85"
          fill="none" stroke="url(#bluePurpleGrad)" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M142 82 C145 76, 142 72, 138 70"
          fill="none" stroke="url(#bluePurpleGrad)" stroke-width="2.5" stroke-linecap="round"/>

    <!-- 星星 (屋顶上方) -->
    <polygon points="60,25 63,35 73,35 65,42 68,52 60,46 52,52 55,42 47,35 57,35"
             fill="url(#bluePurpleGrad)" opacity="0.8"/>

    <!-- 地面线 -->
    <line x1="25" y1="110" x2="175" y2="110" stroke="url(#bluePurpleGrad)" stroke-width="2" opacity="0.3"/>

    <!-- 门 -->
    <rect x="85" y="90" width="30" height="20" rx="3"
          fill="url(#bluePurpleGrad)" opacity="0.15"/>
  </svg>

  <div style="margin-top:12px;">
    <span style="font-size:28px;font-weight:bold;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">
      知行益家
    </span>
  </div>
  <div style="color:#999;font-size:14px;margin-top:4px;">家庭 · 成长 · 未来</div>
</div>

<hr style="margin:24px 0;border:none;border-top:1px solid #eee;">

<h3>设计说明</h3>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 8px 0;color:#667eea;">🏠 房子</h4>
    <p style="margin:0;font-size:14px;color:#666;">简洁屋顶线条，代表家庭的温暖港湾</p>
  </div>
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 8px 0;color:#764ba2;">💜 爱心</h4>
    <p style="margin:0;font-size:14px;color:#666;">房子正中的爱心，象征父母对孩子的爱</p>
  </div>
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 8px 0;color:#667eea;">🌱 幼苗</h4>
    <p style="margin:0;font-size:14px;color:#666;">房子旁的新芽，代表孩子的成长与希望</p>
  </div>
  <div style="background:#f8f9ff;padding:16px;border-radius:12px;">
    <h4 style="margin:0 0 8px 0;color:#764ba2;">⭐ 星星</h4>
    <p style="margin:0;font-size:14px;color:#666;">屋顶的星星，寓意积分奖励与成就目标</p>
  </div>
</div>

<div style="margin-top:24px;padding:16px;background:#f0f4ff;border-radius:12px;">
  <p style="font-size:14px;color:#667eea;margin:0;"><strong>✅ 当前设计确认</strong> — 竖向布局 / 蓝紫渐变 / 简洁线条 / 房子+爱心+幼苗+星星</p>
  <p style="font-size:14px;color:#666;margin-top:8px;">如果你觉得这个方向不错，我下一步会整理为正式的设计文档。</p>
</div>