| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <pattern id="dotP05" x="0" y="0" width="7" height="7" patternUnits="userSpaceOnUse"> |
| 4 | <circle cx="3.5" cy="3.5" r="0.7" fill="#1A1A1A" fill-opacity="0.1"/> |
| 5 | </pattern> |
| 6 | </defs> |
| 7 | |
| 8 | <rect id="bg" width="1280" height="720" fill="#F5EFE0"/> |
| 9 | <rect id="bg-grain" width="1280" height="720" fill="url(#dotP05)"/> |
| 10 | |
| 11 | <!-- Left full-height image sidebar --> |
| 12 | <g id="left-sidebar"> |
| 13 | <rect x="62" y="62" width="380" height="596" fill="#FF5C8A"/> |
| 14 | <image href="../images/risograph_machine.png" x="60" y="60" width="380" height="596" preserveAspectRatio="xMidYMid slice"/> |
| 15 | <!-- Sidebar caption stack --> |
| 16 | <rect x="60" y="660" width="380" height="40" fill="#1E4DBC"/> |
| 17 | <text x="80" y="685" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="22" fill="#F5EFE0">RISO EZ200</text> |
| 18 | <text x="420" y="685" font-family="Consolas, 'Courier New', monospace" font-size="12" fill="#F5EFE0" text-anchor="end" letter-spacing="2">EST. 1986</text> |
| 19 | </g> |
| 20 | |
| 21 | <!-- Right header --> |
| 22 | <g id="header"> |
| 23 | <text x="480" y="100" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A5A" letter-spacing="4">PART 02 · RISOGRAPH ORIGIN + VISUAL TRAITS</text> |
| 24 | <line x1="480" y1="116" x2="640" y2="116" stroke="#1E4DBC" stroke-width="3"/> |
| 25 | <text x="480" y="170" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="56" fill="#FF5C8A" letter-spacing="-1">RISOGRAPH</text> |
| 26 | <text x="478" y="168" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="56" fill="#1A1A1A" letter-spacing="-1">RISOGRAPH</text> |
| 27 | <text x="480" y="210" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">ZINE 工艺的灵魂载体</text> |
| 28 | </g> |
| 29 | |
| 30 | <!-- Origin one-liner box --> |
| 31 | <g id="origin-box"> |
| 32 | <rect x="480" y="232" width="740" height="60" fill="#1A1A1A"/> |
| 33 | <rect x="483" y="235" width="740" height="60" fill="#1E4DBC" opacity="0.4"/> |
| 34 | <rect x="480" y="232" width="740" height="60" fill="#1A1A1A"/> |
| 35 | <text x="500" y="270" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5EFE0">RISO KAGAKU 1946 创办 · "RISO" 意为</text> |
| 36 | <text x="844" y="270" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" font-weight="900" fill="#FF5C8A">理想</text> |
| 37 | <text x="900" y="270" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#F5EFE0">· RISOGRAPH 007 印刷机 1986 在日本首发</text> |
| 38 | </g> |
| 39 | |
| 40 | <!-- 4 visual traits --> |
| 41 | <g id="trait-01"> |
| 42 | <rect x="480" y="312" width="50" height="50" fill="#1E4DBC"/> |
| 43 | <text x="505" y="348" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="28" fill="#F5EFE0" text-anchor="middle">01</text> |
| 44 | <rect x="540" y="312" width="680" height="74" fill="#F5EFE0"/> |
| 45 | <rect x="540" y="312" width="6" height="74" fill="#1E4DBC"/> |
| 46 | <text x="560" y="338" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">限定调色板（LIMITED PALETTE）</text> |
| 47 | <text x="560" y="370" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#5A5A5A">一墨筒一色 —— 多色印刷需多次过纸；颜色总数有限反成美学语言</text> |
| 48 | </g> |
| 49 | |
| 50 | <g id="trait-02"> |
| 51 | <rect x="480" y="396" width="50" height="50" fill="#FF5C8A"/> |
| 52 | <text x="505" y="432" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="28" fill="#F5EFE0" text-anchor="middle">02</text> |
| 53 | <rect x="540" y="396" width="680" height="74" fill="#F5EFE0"/> |
| 54 | <rect x="540" y="396" width="6" height="74" fill="#FF5C8A"/> |
| 55 | <text x="560" y="422" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">套色错位（MISREGISTRATION）</text> |
| 56 | <text x="560" y="454" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#5A5A5A">每次过纸轻微偏移 1–3px，叠印边缘的"错版"成为美学</text> |
| 57 | </g> |
| 58 | |
| 59 | <g id="trait-03"> |
| 60 | <rect x="480" y="480" width="50" height="50" fill="#E8A02E"/> |
| 61 | <text x="505" y="516" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="28" fill="#F5EFE0" text-anchor="middle">03</text> |
| 62 | <rect x="540" y="480" width="680" height="74" fill="#F5EFE0"/> |
| 63 | <rect x="540" y="480" width="6" height="74" fill="#E8A02E"/> |
| 64 | <text x="560" y="506" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">半色调网点（HALFTONE）</text> |
| 65 | <text x="560" y="538" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#5A5A5A">色块以网点呈现，介于工业印刷品与丝网作品之间，本页背景就是网点</text> |
| 66 | </g> |
| 67 | |
| 68 | <g id="trait-04"> |
| 69 | <rect x="480" y="564" width="50" height="50" fill="#1A1A1A"/> |
| 70 | <text x="505" y="600" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="28" fill="#F5EFE0" text-anchor="middle">04</text> |
| 71 | <rect x="540" y="564" width="680" height="74" fill="#F5EFE0"/> |
| 72 | <rect x="540" y="564" width="6" height="74" fill="#1A1A1A"/> |
| 73 | <text x="560" y="590" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">色块叠印（OVERPRINT）</text> |
| 74 | <text x="560" y="622" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" fill="#5A5A5A">相同色块叠加产生第三色错觉 —— 蓝 ＋ 粉 ＝ 紫色错觉，技术不是缺陷而是工具</text> |
| 75 | </g> |
| 76 | |
| 77 | <g id="footer"> |
| 78 | <line x1="480" y1="668" x2="1220" y2="668" stroke="#1A1A1A" stroke-width="1"/> |
| 79 | <text x="480" y="688" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#5A5A5A" letter-spacing="2">P05 · RISOGRAPH ORIGIN + TRAITS</text> |
| 80 | <text x="1220" y="688" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#5A5A5A" text-anchor="end" letter-spacing="2">RISO = 理想 = IDEAL</text> |
| 81 | <text x="480" y="710" font-family="Consolas, 'Courier New', monospace" font-size="10" fill="#8C8275" letter-spacing="1">SOY-BASED INK · POST-WAR JAPAN · 50–10,000 PRINTS / RUN</text> |
| 82 | </g> |
| 83 | </svg> |
| 84 |