Przeglądaj źródła

docs: redesign README header with logo + wordmark SVG layout

- Add inkos-text-light.svg and inkos-text-dark.svg for GitHub theme switching
- Logo and InkOS wordmark displayed side by side
- Remove embedded text from logo.svg to avoid duplication
- Title changed to subtitle: "自动化小说写作 CLI Agent"
majx_mac 8 miesięcy temu
rodzic
commit
8238b4190c
5 zmienionych plików z 98 dodań i 17 usunięć
  1. 7 6
      README.en.md
  2. 7 6
      README.md
  3. 45 0
      assets/inkos-text-dark.svg
  4. 39 0
      assets/inkos-text-light.svg
  5. 0 5
      assets/logo.svg

+ 7 - 6
README.en.md

@@ -1,12 +1,13 @@
 <p align="center">
-  <img src="assets/logo.svg" width="180" height="180" alt="InkOS Logo">
+  <img src="assets/logo.svg" width="120" height="120" alt="InkOS Logo">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="assets/inkos-text-dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="assets/inkos-text-light.svg">
+    <img src="assets/inkos-text-light.svg" width="240" height="70" alt="InkOS">
+  </picture>
 </p>
 
-<h1 align="center">InkOS</h1>
-
-<p align="center">
-  <strong>Multi-Agent Novel Production System</strong>
-</p>
+<h3 align="center">Multi-Agent Novel Production System</h3>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@actalk/inkos"><img src="https://img.shields.io/npm/v/@actalk/inkos.svg?color=cb3837&logo=npm" alt="npm version"></a>

+ 7 - 6
README.md

@@ -1,12 +1,13 @@
 <p align="center">
-  <img src="assets/logo.svg" width="180" height="180" alt="InkOS Logo">
+  <img src="assets/logo.svg" width="120" height="120" alt="InkOS Logo">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="assets/inkos-text-dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="assets/inkos-text-light.svg">
+    <img src="assets/inkos-text-light.svg" width="240" height="70" alt="InkOS">
+  </picture>
 </p>
 
-<h1 align="center">InkOS</h1>
-
-<p align="center">
-  <strong>自动化小说写作 CLI Agent</strong>
-</p>
+<h3 align="center">自动化小说写作 CLI Agent</h3>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@actalk/inkos"><img src="https://img.shields.io/npm/v/@actalk/inkos.svg?color=cb3837&logo=npm" alt="npm version"></a>

+ 45 - 0
assets/inkos-text-dark.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 100" fill="none">
+  <defs>
+    <linearGradient id="txt" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#fefae0"/>
+      <stop offset="50%" stop-color="#f4e8c1"/>
+      <stop offset="100%" stop-color="#dda15e"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#f4a261"/>
+      <stop offset="100%" stop-color="#e76f51"/>
+    </linearGradient>
+    <linearGradient id="drop" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#f4a261"/>
+      <stop offset="100%" stop-color="#e76f51"/>
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+    <filter id="textGlow">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
+      <feColorMatrix in="blur" type="matrix" values="1 0.8 0.4 0 0  0.8 0.6 0.2 0 0  0.4 0.2 0 0 0  0 0 0 0.2 0" result="warmBlur"/>
+      <feMerge><feMergeNode in="warmBlur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+  </defs>
+
+  <!-- Wordmark with warm glow -->
+  <text x="170" y="62" text-anchor="middle"
+        font-family="Georgia, 'Noto Serif', 'Times New Roman', serif"
+        font-size="64" font-weight="bold" letter-spacing="6"
+        fill="url(#txt)" filter="url(#textGlow)">InkOS</text>
+
+  <!-- Ink drop on the "I" -->
+  <path d="M51.5 6 C51.5 6, 58 16, 58 20.5 C58 24, 55.5 27, 51.5 27 C47.5 27, 45 24, 45 20.5 C45 16, 51.5 6, 51.5 6Z"
+        fill="url(#drop)" filter="url(#glow)"/>
+
+  <!-- Swoosh underline -->
+  <path d="M30 76 C85 86, 150 70, 210 78 C250 82, 285 73, 318 80"
+        stroke="url(#accent)" stroke-width="2.8" fill="none" stroke-linecap="round" opacity="0.7"/>
+
+  <!-- Ink splatter -->
+  <circle cx="323" cy="78" r="2.8" fill="#e76f51" opacity="0.5"/>
+  <circle cx="329" cy="82" r="1.3" fill="#e76f51" opacity="0.3"/>
+  <circle cx="24" cy="78" r="1.8" fill="#f4a261" opacity="0.4"/>
+</svg>

+ 39 - 0
assets/inkos-text-light.svg

@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 100" fill="none">
+  <defs>
+    <linearGradient id="txt" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#2d1b0e"/>
+      <stop offset="100%" stop-color="#4a2c17"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#f4a261"/>
+      <stop offset="100%" stop-color="#e76f51"/>
+    </linearGradient>
+    <linearGradient id="drop" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#f4a261"/>
+      <stop offset="100%" stop-color="#e76f51"/>
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+  </defs>
+
+  <!-- Wordmark -->
+  <text x="170" y="62" text-anchor="middle"
+        font-family="Georgia, 'Noto Serif', 'Times New Roman', serif"
+        font-size="64" font-weight="bold" letter-spacing="6"
+        fill="url(#txt)">InkOS</text>
+
+  <!-- Ink drop on the "I" -->
+  <path d="M51.5 6 C51.5 6, 58 16, 58 20.5 C58 24, 55.5 27, 51.5 27 C47.5 27, 45 24, 45 20.5 C45 16, 51.5 6, 51.5 6Z"
+        fill="url(#drop)" filter="url(#glow)"/>
+
+  <!-- Swoosh underline -->
+  <path d="M30 76 C85 86, 150 70, 210 78 C250 82, 285 73, 318 80"
+        stroke="url(#accent)" stroke-width="2.8" fill="none" stroke-linecap="round"/>
+
+  <!-- Ink splatter -->
+  <circle cx="323" cy="78" r="2.8" fill="#e76f51" opacity="0.55"/>
+  <circle cx="329" cy="82" r="1.3" fill="#e76f51" opacity="0.35"/>
+  <circle cx="24" cy="78" r="1.8" fill="#f4a261" opacity="0.45"/>
+</svg>

+ 0 - 5
assets/logo.svg

@@ -44,9 +44,4 @@
   <circle cx="170" cy="285" r="3" fill="#e9c46a" opacity="0.4"/>
   <circle cx="342" cy="285" r="3" fill="#e9c46a" opacity="0.4"/>
 
-  <!-- Text -->
-  <text x="256" y="425" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="50" font-weight="700" fill="#fefae0" letter-spacing="5">InkOS</text>
-
-  <!-- Subtitle -->
-  <text x="256" y="460" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="13" fill="#f4a261" letter-spacing="3" opacity="0.8">NOVEL WRITING AGENT</text>
 </svg>