| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | |
| 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 | |
| 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 font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="156" y="384">柏林 Berthold</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="156" y="402">铸字行发行</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="156" y="420">现代意义的</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="156" y="438">第一款无衬线</text></g> |
| 28 | |
| 29 | <g id="node-1908"> |
| 30 | <line x1="386" y1="240" x2="386" y2="300" stroke="#E8E8E8" stroke-width="1" /> |
| 31 | <circle cx="386" cy="300" r="8" fill="#1A1A1A" /> |
| 32 | <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> |
| 33 | <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> |
| 34 | <text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="386" y="384">巴塞尔设计学院</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="386" y="402">完成改革</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="386" y="420">奠定教学体系</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="386" y="438">理性传统建立</text></g> |
| 35 | |
| 36 | <g id="node-1918"> |
| 37 | <line x1="616" y1="240" x2="616" y2="300" stroke="#E8E8E8" stroke-width="1" /> |
| 38 | <circle cx="616" cy="300" r="8" fill="#1A1A1A" /> |
| 39 | <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> |
| 40 | <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> |
| 41 | <text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="616" y="384">入苏黎世</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="616" y="402">应用艺术学院</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="616" y="420">"形式跟随内容"</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="616" y="438">教学原则成型</text></g> |
| 42 | |
| 43 | <g id="node-1936"> |
| 44 | <line x1="846" y1="240" x2="846" y2="300" stroke="#E8E8E8" stroke-width="1" /> |
| 45 | <circle cx="846" cy="300" r="8" fill="#1A1A1A" /> |
| 46 | <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> |
| 47 | <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> |
| 48 | <text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="846" y="384">22 岁</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="846" y="402">在苏黎世</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="846" y="420">开设独立工作室</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="846" y="438">新生代登场</text></g> |
| 49 | |
| 50 | <g id="node-1957"> |
| 51 | <line x1="1076" y1="240" x2="1076" y2="300" stroke="#E8E8E8" stroke-width="1" /> |
| 52 | <circle cx="1076" cy="300" r="14" fill="#D9251D" /> |
| 53 | <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> |
| 54 | <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> |
| 55 | <text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="1076" y="384">同年问世</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="1076" y="402">瑞士理性</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="1076" y="420">凝结为字体</text><text font-size="13" font-family="Arial, "Microsoft YaHei", sans-serif" fill="#666666" text-anchor="middle" x="1076" y="438">输出全球</text></g> |
| 56 | |
| 57 | <g id="conclusion"> |
| 58 | <line x1="64" y1="540" x2="64" y2="600" stroke="#D9251D" stroke-width="3" /> |
| 59 | <text x="92" y="568" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">理性主义不是凭空而至</text> |
| 60 | <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> |
| 61 | </g> |
| 62 | |
| 63 | <g id="page-footer"> |
| 64 | <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> |
| 65 | </g> |
| 66 | </svg> |