| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P03 Origin · dense · timeline 1896 → 1957 --> |
| 3 | |
| 4 | <g id="bg"> |
| 5 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 6 | </g> |
| 7 | |
| 8 | <g id="header"> |
| 9 | <text x="64" y="60" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" letter-spacing="2">P · 03</text> |
| 10 | <text x="64" y="120" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="32" font-weight="900" fill="#1A1A1A">双源头 · 1896 → 1957</text> |
| 11 | <text x="64" y="148" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" fill="#666666" letter-spacing="2">THE SIXTY YEARS THAT MADE SWISS DESIGN POSSIBLE</text> |
| 12 | <line x1="64" y1="172" x2="120" y2="172" stroke="#D9251D" stroke-width="3"/> |
| 13 | </g> |
| 14 | |
| 15 | <g id="timeline-track"> |
| 16 | <!-- chart-plot-area: 130,300,1200,300 --> |
| 17 | <line x1="130" y1="300" x2="1200" y2="300" stroke="#1A1A1A" stroke-width="2"/> |
| 18 | <line x1="1200" y1="300" x2="1228" y2="300" stroke="#1A1A1A" stroke-width="2"/> |
| 19 | <polygon points="1228,300 1216,294 1216,306" fill="#1A1A1A"/> |
| 20 | </g> |
| 21 | |
| 22 | <g id="node-1896"> |
| 23 | <line x1="156" y1="240" x2="156" y2="300" stroke="#E8E8E8" stroke-width="1"/> |
| 24 | <circle cx="156" cy="300" r="8" fill="#1A1A1A"/> |
| 25 | <text x="156" y="226" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="24" font-weight="900" fill="#1A1A1A" text-anchor="middle">1896</text> |
| 26 | <text x="156" y="354" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="14" font-weight="900" fill="#1A1A1A" text-anchor="middle">Akzidenz-Grotesk</text> |
| 27 | <text x="156" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666" text-anchor="middle"> |
| 28 | <tspan x="156" dy="0">柏林 Berthold</tspan> |
| 29 | <tspan x="156" dy="18">铸字行发行</tspan> |
| 30 | <tspan x="156" dy="18">现代意义的</tspan> |
| 31 | <tspan x="156" dy="18">第一款无衬线</tspan> |
| 32 | </text> |
| 33 | </g> |
| 34 | |
| 35 | <g id="node-1908"> |
| 36 | <line x1="386" y1="240" x2="386" y2="300" stroke="#E8E8E8" stroke-width="1"/> |
| 37 | <circle cx="386" cy="300" r="8" fill="#1A1A1A"/> |
| 38 | <text x="386" y="226" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="24" font-weight="900" fill="#1A1A1A" text-anchor="middle">1908</text> |
| 39 | <text x="386" y="354" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="14" font-weight="900" fill="#1A1A1A" text-anchor="middle">Basel School</text> |
| 40 | <text x="386" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666" text-anchor="middle"> |
| 41 | <tspan x="386" dy="0">巴塞尔设计学院</tspan> |
| 42 | <tspan x="386" dy="18">完成改革</tspan> |
| 43 | <tspan x="386" dy="18">奠定教学体系</tspan> |
| 44 | <tspan x="386" dy="18">理性传统建立</tspan> |
| 45 | </text> |
| 46 | </g> |
| 47 | |
| 48 | <g id="node-1918"> |
| 49 | <line x1="616" y1="240" x2="616" y2="300" stroke="#E8E8E8" stroke-width="1"/> |
| 50 | <circle cx="616" cy="300" r="8" fill="#1A1A1A"/> |
| 51 | <text x="616" y="226" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="24" font-weight="900" fill="#1A1A1A" text-anchor="middle">1918</text> |
| 52 | <text x="616" y="354" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="14" font-weight="900" fill="#1A1A1A" text-anchor="middle">Ernst Keller</text> |
| 53 | <text x="616" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666" text-anchor="middle"> |
| 54 | <tspan x="616" dy="0">入苏黎世</tspan> |
| 55 | <tspan x="616" dy="18">应用艺术学院</tspan> |
| 56 | <tspan x="616" dy="18">"形式跟随内容"</tspan> |
| 57 | <tspan x="616" dy="18">教学原则成型</tspan> |
| 58 | </text> |
| 59 | </g> |
| 60 | |
| 61 | <g id="node-1936"> |
| 62 | <line x1="846" y1="240" x2="846" y2="300" stroke="#E8E8E8" stroke-width="1"/> |
| 63 | <circle cx="846" cy="300" r="8" fill="#1A1A1A"/> |
| 64 | <text x="846" y="226" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="24" font-weight="900" fill="#1A1A1A" text-anchor="middle">1936</text> |
| 65 | <text x="846" y="354" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="14" font-weight="900" fill="#1A1A1A" text-anchor="middle">Müller-Brockmann</text> |
| 66 | <text x="846" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666" text-anchor="middle"> |
| 67 | <tspan x="846" dy="0">22 岁</tspan> |
| 68 | <tspan x="846" dy="18">在苏黎世</tspan> |
| 69 | <tspan x="846" dy="18">开设独立工作室</tspan> |
| 70 | <tspan x="846" dy="18">新生代登场</tspan> |
| 71 | </text> |
| 72 | </g> |
| 73 | |
| 74 | <g id="node-1957"> |
| 75 | <line x1="1076" y1="240" x2="1076" y2="300" stroke="#E8E8E8" stroke-width="1"/> |
| 76 | <circle cx="1076" cy="300" r="14" fill="#D9251D"/> |
| 77 | <text x="1076" y="226" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="24" font-weight="900" fill="#D9251D" text-anchor="middle">1957</text> |
| 78 | <text x="1076" y="354" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="14" font-weight="900" fill="#1A1A1A" text-anchor="middle">Helvetica + Univers</text> |
| 79 | <text x="1076" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666" text-anchor="middle"> |
| 80 | <tspan x="1076" dy="0">同年问世</tspan> |
| 81 | <tspan x="1076" dy="18">瑞士理性</tspan> |
| 82 | <tspan x="1076" dy="18">凝结为字体</tspan> |
| 83 | <tspan x="1076" dy="18">输出全球</tspan> |
| 84 | </text> |
| 85 | </g> |
| 86 | |
| 87 | <g id="conclusion"> |
| 88 | <line x1="64" y1="540" x2="64" y2="600" stroke="#D9251D" stroke-width="3"/> |
| 89 | <text x="92" y="568" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">理性主义不是凭空而至</text> |
| 90 | <text x="92" y="596" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" fill="#666666">而是来自<tspan font-weight="700" fill="#1A1A1A">字体 · 学校 · 教学</tspan>三条线索半个世纪的累积。</text> |
| 91 | </g> |
| 92 | |
| 93 | <g id="page-footer"> |
| 94 | <text x="1216" y="688" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" text-anchor="end" letter-spacing="1">03 / 14</text> |
| 95 | </g> |
| 96 | </svg> |
| 97 |