| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P10 Negative Space · breathing · hero_page with floating headline --> |
| 3 | |
| 4 | <g id="bg"> |
| 5 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 6 | <image href="../images/negative_space.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 7 | </g> |
| 8 | |
| 9 | <g id="page-header"> |
| 10 | <text x="64" y="60" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" letter-spacing="2">P · 10</text> |
| 11 | </g> |
| 12 | |
| 13 | <g id="floating-headline"> |
| 14 | <line x1="760" y1="120" x2="760" y2="164" stroke="#D9251D" stroke-width="3"/> |
| 15 | <text x="784" y="148" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#1A1A1A" letter-spacing="2">ARGUMENT · 07</text> |
| 16 | |
| 17 | <text x="760" y="220" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="56" font-weight="900" fill="#1A1A1A">留白即结构</text> |
| 18 | <text x="760" y="260" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="22" font-weight="900" fill="#1A1A1A">Negative space is structure, not absence.</text> |
| 19 | </g> |
| 20 | |
| 21 | <g id="floating-aphorism"> |
| 22 | <text x="760" y="640" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" fill="#1A1A1A"> |
| 23 | <tspan x="760" dy="0">留白不是剩余</tspan> |
| 24 | <tspan x="760" dy="28">是信息的载体</tspan> |
| 25 | </text> |
| 26 | <text x="760" y="708" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#666666" letter-spacing="2">THE SPACE BETWEEN IS THE MESSAGE</text> |
| 27 | </g> |
| 28 | |
| 29 | <g id="page-footer"> |
| 30 | <text x="1216" y="688" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#1A1A1A" text-anchor="end" letter-spacing="1">10 / 14</text> |
| 31 | </g> |
| 32 | </svg> |
| 33 |