| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="scrimP09" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 4 | <stop offset="0%" stop-color="#F5EFE0" stop-opacity="0.92"/> |
| 5 | <stop offset="40%" stop-color="#F5EFE0" stop-opacity="0.0"/> |
| 6 | </linearGradient> |
| 7 | <pattern id="dotP09" x="0" y="0" width="7" height="7" patternUnits="userSpaceOnUse"> |
| 8 | <circle cx="3.5" cy="3.5" r="0.7" fill="#1A1A1A" fill-opacity="0.08"/> |
| 9 | </pattern> |
| 10 | </defs> |
| 11 | |
| 12 | <rect id="bg" width="1280" height="720" fill="#F5EFE0"/> |
| 13 | |
| 14 | <!-- Full-bleed hero image --> |
| 15 | <g id="hero"> |
| 16 | <image href="../images/jimbocho_hero.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 17 | </g> |
| 18 | |
| 19 | <!-- Top scrim for header readability --> |
| 20 | <rect id="top-scrim" x="0" y="0" width="1280" height="280" fill="url(#scrimP09)"/> |
| 21 | |
| 22 | <rect id="grain" width="1280" height="720" fill="url(#dotP09)"/> |
| 23 | |
| 24 | <!-- Header --> |
| 25 | <g id="header"> |
| 26 | <text x="60" y="80" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#1A1A1A" letter-spacing="4">PART 04 · 全球独立书店 NO.1 — 东京</text> |
| 27 | <line x1="60" y1="96" x2="320" y2="96" stroke="#FF5C8A" stroke-width="3"/> |
| 28 | </g> |
| 29 | |
| 30 | <!-- BIG TITLE: 神保町 + JIMBŌCHŌ misregistered --> |
| 31 | <g id="big-title"> |
| 32 | <text x="60" y="180" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="100" fill="#FF5C8A" letter-spacing="-1">神保町</text> |
| 33 | <text x="58" y="178" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="100" fill="#1A1A1A" letter-spacing="-1">神保町</text> |
| 34 | |
| 35 | <text x="60" y="246" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="58" fill="#FF5C8A" letter-spacing="2">JIMBŌCHŌ</text> |
| 36 | <text x="58" y="244" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="58" fill="#1E4DBC" letter-spacing="2">JIMBŌCHŌ</text> |
| 37 | </g> |
| 38 | |
| 39 | <!-- Right-side "TIME OUT 2025" rosette --> |
| 40 | <g id="award"> |
| 41 | <rect x="980" y="68" width="240" height="120" fill="#1A1A1A"/> |
| 42 | <rect x="983" y="71" width="240" height="120" fill="#FF5C8A" opacity="0.7"/> |
| 43 | <rect x="980" y="68" width="240" height="120" fill="#1A1A1A"/> |
| 44 | <text x="1100" y="110" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#FF5C8A" text-anchor="middle" letter-spacing="3">TIME OUT 2025</text> |
| 45 | <text x="1100" y="142" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="18" font-weight="900" fill="#F5EFE0" text-anchor="middle">全球最酷街区</text> |
| 46 | <text x="1100" y="172" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#F5EFE0" text-anchor="middle" letter-spacing="2">COOLEST NEIGHBORHOOD</text> |
| 47 | </g> |
| 48 | |
| 49 | <!-- Bottom info bar (left-aligned, against scrim) --> |
| 50 | <g id="info-bar"> |
| 51 | <rect x="0" y="540" width="1280" height="180" fill="#1A1A1A" fill-opacity="0.86"/> |
| 52 | <rect x="0" y="540" width="1280" height="6" fill="#FF5C8A"/> |
| 53 | |
| 54 | <!-- Stat 1 — 130-180 stores --> |
| 55 | <g id="stat-01"> |
| 56 | <text x="80" y="600" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="68" fill="#FF5C8A">130-180</text> |
| 57 | <text x="80" y="632" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="17" font-weight="900" fill="#F5EFE0">家书店密集分布</text> |
| 58 | <text x="80" y="658" font-family="Consolas, 'Courier New', monospace" font-size="12" fill="#F5EFE0" opacity="0.7" letter-spacing="2">BOOKSTORES IN ONE DISTRICT</text> |
| 59 | <text x="80" y="686" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#F5EFE0">靖国通 × 白山通交叉</text> |
| 60 | </g> |
| 61 | |
| 62 | <line x1="448" y1="568" x2="448" y2="700" stroke="#F5EFE0" stroke-opacity="0.3" stroke-width="1"/> |
| 63 | |
| 64 | <!-- Stat 2 — heritage --> |
| 65 | <g id="stat-02"> |
| 66 | <text x="488" y="586" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="42" fill="#FF5C8A">1875 · 1902 · 2015</text> |
| 67 | <text x="488" y="612" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="15" font-weight="900" fill="#F5EFE0">三家代表性老店 / 奇店</text> |
| 68 | <text x="488" y="640" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#F5EFE0">· Takayama Honten (1875)</text> |
| 69 | <text x="488" y="660" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#F5EFE0">· Kitazawa English Books (1902)</text> |
| 70 | <text x="488" y="680" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" fill="#F5EFE0">· Morioka Shoten (2015) — 一周一本</text> |
| 71 | </g> |
| 72 | |
| 73 | <line x1="960" y1="568" x2="960" y2="700" stroke="#F5EFE0" stroke-opacity="0.3" stroke-width="1"/> |
| 74 | |
| 75 | <!-- Stat 3 — Utrecht zine --> |
| 76 | <g id="stat-03"> |
| 77 | <text x="1000" y="586" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="32" fill="#FF5C8A">UTRECHT × 原宿</text> |
| 78 | <text x="1000" y="612" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" font-weight="900" fill="#F5EFE0">日本最大独立 zine 收藏之一</text> |
| 79 | <text x="1000" y="640" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="12" fill="#F5EFE0" opacity="0.85">私宅式木质货架</text> |
| 80 | <text x="1000" y="660" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="12" fill="#F5EFE0" opacity="0.85">温暖灯光 · 安静浏览</text> |
| 81 | <text x="1000" y="688" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#FF5C8A" letter-spacing="2">→ ZINE PILGRIMAGE</text> |
| 82 | </g> |
| 83 | </g> |
| 84 | |
| 85 | <g id="page-num"> |
| 86 | <text x="60" y="708" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#F5EFE0" letter-spacing="2">P09 · TOKYO JIMBŌCHŌ</text> |
| 87 | </g> |
| 88 | </svg> |
| 89 |